Slimbox 2.02

Permet d'avoir un bel effet lors de l'ouverture d'une image.
Facilite la lecture d'albums.
Exemple:
Image seule:
Puis pour un album:
  1. Obtention du script :
Slimbox 2.02
JQuery 1.3.2
Renomer de jquery-1.3.2.min.js à jquery-1.3.2.js

  1. Héberger le script :
Vous ne pouvez l’héberger sur blogger donc vous devez le faire soit sur un ftp soit sur google site :

3.  Modifier le code HTML :
Allez dans le tableau de bord puis :
Juste avant </head>, copiez :

<link href='https://xxx/slimbox2.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='https://xxx/jquery-1.3.2.js' type='text/javascript'/>
<script src='https://xxx/slimbox2.js' type='text/javascript'/>
</head>

Rmq xxx correspond a l’adresse de votre site google ou vous avez hébergé le script.
Ex : olivier
<link href='https://sites.google.com/site/olivier/slimbox2.css' media='screen' rel='stylesheet' type='text/css'/>


  1. Actionner le script pour les images:
Ajoutez dans le lien :
-         Pour une image seule :
Put dans le lien href:
rel="lightbox" title="Titre de votre image"

-         Pour un album:
Mettre dans le lien href:
rel="lightbox[nom de l’album]" title="Titre de votre image" 

Aucun commentaire:

Enregistrer un commentaire