Diaporama en accordéon

Très pratique, permet de mettre beaucoup de photos tout en prenant un minimum de place.
Le seul inconvénient est que son installation est assez ardue:
1. Télécharger: gadget-slide-horizontal.xml
Que vous trouverez à cette adresse:
2. L'éditer:
Picture 1 : URL de l'image no 1 (La taille de toutes les images doit être de 320 x 240 pixels)
Title 1 : Titre de l'image no 1
Picture … : URL de l'image no …

Title … : Titre de l'image no …
Background Picture : URL de l'image de fond. Choisir une image de 488 x 240 pixels
Bordercol : #rrggbb couleur de la bordure
BackCol : #rrggbb couleur du fond

3. L'uploader sur un FTP
Ex free.FR (ou n'importe lequel)
4. Coller le lien FTP à "http://www.gmodules.com/ig/ifr?url=

Ex: http://www.gmodules.com/ig/ifr?url=http://URL/gadget-slide-horizontal.xml

5. Enfin le coller dans le iframe:

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="URL&amp;up_Pic1=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9X92Uvya85kVqWknA1UhZW0APebIbdO2KX7W1YJM8d2NOEEd__gIrYkavwlYgGWnAXRF4A2ifpiI5h65qRd2HBDJjgRTVLjIpjI16YYcqcwezIBC5HzFoJJ32VxncqH4JW04U7r7qW1o/s1600/1.jpg&amp;up_Title1=&amp;up _BorderCol= FFFAFA&amp;up_BackCol= FFFAFA" style="height: 260px; width: 540px;"></iframe>

Dans notre exemple:
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.gmodules.com/ig/ifr?url=http://URL/gadget-slide-horizontal.xml&amp;up_Pic1=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9X92Uvya85kVqWknA1UhZW0APebIbdO2KX7W1YJM8d2NOEEd__gIrYkavwlYgGWnAXRF4A2ifpiI5h65qRd2HBDJjgRTVLjIpjI16YYcqcwezIBC5HzFoJJ32VxncqH4JW04U7r7qW1o/s1600/1.jpg&amp;up_Title1=&amp;up _BorderCol= FFFAFA&amp;up_BackCol= FFFAFA" style="height: 260px; width: 540px;"></iframe>


Avec bordure:
Sans bordure
diaporama blogger accordeon blogspot images

Aucun commentaire:

Enregistrer un commentaire