Affichage des articles dont le libellé est peel. Afficher tous les articles
Affichage des articles dont le libellé est peel. Afficher tous les articles

26 juil. 2010

Dérouler le background avec Peel

J'ai placé le fichier dans cet article, c'est donc le fond de cet article qui se déroule. Regardez à droite :
Lorsque le fond se déroule, il laisse apparaître une petite image. Pointez votre souris dessus, l'image s'agrandit.

Première étape :

Vous préparez 2 formats de la même image :
  • la petite s'appelle small.jpg
  • la grande s'appelle large.jpg
Deuxième étape :

Chez Jeffonair, cliquez sur Page Peel et téléchargez le programme

C'est un fichier .zip : un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR - Extraire Vers

Troisième étape :

Dans l'administration de votre blog - Documents - Autres Fichiers :
  • vous créez un répertoire nommé Peel





    • dans ce répertoire, vous enregistrez les fichiers suivants :





      • large.jpg (1ère étape)
      • large.swf
      • small.jpg (2ème étape)
      • small.swf
    • vous notez les adresses de ces fichiers
Quatrième étape :

Sur votre PC :
  • vous ouvrez votre Bloc Notes et vous appelez le fichier peel.js
  • vous modifiez les adresses suivantes





    • jaaspeel.small_path = '/peel/small.swf';
    • jaaspeel.small_image = escape('/peel/small.jpg');
    • jaaspeel.big_path = '/peel/large.swf';
    • jaaspeel.big_image = escape('/peel/large.jpg');
    en les remplaçant par les nouvelles adresses (celles de la deuxième étape).
  • vous sauvegardez le fichier sous le même nom
Cinquième étape :

Dans votre administration - Documents - Autres Fichiers - répertoire Peel :
  • vous sauvegardez le fichier peel.js
  • vous notez son adresse
Sixième étape :

Dans l'html de l'entête, vous collez ce pavé
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/peel/peel.js" type="text/javascript">

avec votre propre adresse de fichier.