PrettyPhoto est une alternative à la lightbox et est assez facile à réaliser.

Cliquez sur les photos pour tester.

Première étape :

Allez sur PrettyPhoto

Cliquez sur Compressed version (Script: 8kb / CSS: 3.6kb)

Allez sur Jquery

Cliquez sur 1.2.6 (Release Notes) - Minified

Vous venez d'enregistrer des fichiers .zip : un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR - Extraire Vers

Deuxième étape :

Dans l'administration de votre blog - Documents - Autres fichiers :

• vous créez un répertoire nommé : prettyphoto
  • dans lequel vous créez un sous-répertoire nommé : photos
    • dans ce sous répertoire, vous uploadez les photos suivantes :
      • bl.gif
      • br.gif
      • btnClose.gif
      • btnNext.gif
      • btnPrevious.gif
      • loader.gif
      • tl.gif
      • tr.gif
    • Vous notez leur adresse

Troisième étape :

Sur votre PC :

• vous ouvrez le bloc-Note
• vous appelez le fichier prettyPhoto.css
• vous modifiez le chemin des photos (vous avez noté leur adresse lors de la deuxième étape)
• vous enregistrez sous le même nom

Quatrième étape :

Dans l'administration de votre blog - Documents - Autres fichiers - prettyphoto

• vous créez un sous-répertoire nommé : css
  • dans lequel vous enregistrez le fichier prettyphoto.css (modifié lors de la troisième étape)
  • vous notez son adresse
• vous créez un sous-répertoire nommé : js
  • dans lequel vous enregistrez les fichiers :
    •  prettyphoto.js
    • jquery-1.2.6.min.js
  • vous notez leur adresse

Cinquième étape :

Lors de la création de votre diaporama, vous collez en HTML


En rouge, vous remplacez avec vos propres adresses de fichiers.
Si votre blog est sur Over-Blog, vous pouvez utiliser mes adresses.

Vous placez maintenant vos images, en collant en HTML


En bleu, vous remplacez avec les adresses de vos photos
En vert, les descriptions des photos