En bougeant le curseur avec la souris, le carroussel défile

Voir le caroussel

1ère étape :

Allez sur DragonFly

Cliquez sur Download ImageFlowImageFlow_0.9.rar (22 kB)

Il s'agit d'un fichier .zip : un ensemble de fichiers compressés. Pour le décompresser, j'utilise WinRAR - Extraire Vers.

2ème étape :

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

• vous créez un répertoire : imageflow
  • dans lequel vous enregistrez le fichier :
    
    • slider.png
    • loading.gif
  • vous notez l'adresse de ces images

3ème étape :

Sur votre PC :

• vous ouvrez le bloc-notes
• vous appelez le fichier screen.css
• vous modifiez l'adresse de l'image slider.png (vous l'avez noté à la 2ème étape)
• vous enregistrez sous le même nom

4ème étape :

Dans l'administration de votre blog - Documents - Autres Fichiers - Imageflow :

• vous enregistrez les fichiers :
  
  • screen.css
  • imageflow.js

Le langage php n'étant pas utilisable sur Over-Blog, je ne tiens pas compte du fichier reflect.php. Il n'y a donc pas d'effet de reflet sous les images.

5ème étape :

Lors de la création de votre carroussel, vous copiez/collez en HTML


En rouge, vous remplacez par vos propres adresses de fichiers. SI vous êtes sur Over-Blog, vous pouvez utiliser les miennes.

Ensuite, on place le carroussel


En vert : l'adresse de loading.gif que vous avez noté lors de la 2ème étape
En bleu : les adresses de vos images. Vous constatez qu'elles vont toujours par pair
En orange : le titre de l'image qui apparaîtra dessous.