Pratiques sur le POD

Créer un carousel pour le POD Aloes

Avec du flash à l’intérieur

Le POD permet de faire défiler des vignettes, mais il est limité en nombre de notices affichées, et n’est pas très esthétique ni très paramétrable. Ce carousel permet de faire défiler des images, voire des films enregistrés en flash, et propose une foule de réglages...

Ce qu’on peut obtenir (cliquez !)







Ce carousel a été découvert sur http://www.flshow.net/, et peut être utilisé sur des pages personnelles et sur des sites à vocation non commerciale. Vous pouvez faire un don à l’auteur via Paypal...

Les fichiers indispensable peuvent se télécharger ici : http://www.flshow.net/carousel_download.php.

Le fichier ZIP de cet article contient :
- un fichier carousel.swf
- un fichier readme.txt
- un fichier rotationG.xml
- un fichier exemple de Caluire.html

Le fichier carousel.swf est à copier sur le serveur Aloes. Le plus important est de noter son emplacement exact.

(ex. http://bm.ville-caluire.fr/opacwebaloes/Images/paragraphes/carousel/carousel.swf )

A vous de créer (ou à copier/adapter sur le site ci plus haut ou avec l’exemple fourni)
- un fichier rotationG.xml
- le code html à ajouter sur la page du POD devant intégrer le carousel

Un exemple du code à intégrer sur une page Aloes :
(page "exemple de Caluire.html" commentée dans le fichier ZIP)

<object width="850" height="200" data="http://bm.ville-caluire.fr/opacwebaloes/Images/paragraphes/carousel/Carousel.swf" type="application/x-shockwave-flash">
<param value="http://bm.ville-caluire.fr/opacwebaloes/Images/paragraphes/carousel/Carousel.swf" name="movie" /><
<param value="#FFFFFF" name="bgcolor" />
<param value="xmlfile=http://bm.ville-caluire.fr/opacwebaloes/Images/paragraphes/rotation.xml&loaderColor=#000000" name="flashvars" />
</object>

Le détail du fichier ROTATIONG.XML :
(commenté dans le fichier ZIP)

<slide_show><options>
<background>#FFFFFF</background>
<titles><style>
body {font-size: 14px;
font-family: Georgia, _serif;
color: #000000;
}
.red {color: #FFFFFF;}
</style>
<position>above right</position>
</titles><interaction><rotation>mouse</rotation>
<view_point>none</view_point>
<speed>25</speed>
<default_view_point>75%</default_view_point>
</interaction>
</options>

<photo title="Les évaporés" href="http://bm.ville-caluire.fr/opacwebaloes/index.aspx?phrase=NN=0608288">http://bm.ville-caluire.Fr/opacwebaloes/Images/Paragraphes/G2013-1.jpg</photo>
<photo title="Le divan de Staline" href="http://bm.ville-caluire.fr/opacwebaloes/index.aspx?phrase=NN=0609230">http://bm.ville-caluire.Fr/opacwebaloes/Images/Paragraphes/G2013-2.jpg</photo>
<photo title="La première pierre" href="http://bm.ville-caluire.fr/opacwebaloes/index.aspx?phrase=NN=0608651">http://bm.ville-caluire.Fr/opacwebaloes/Images/Paragraphes/G2013-3.jpg</photo>
<photo title="Palladium" href="http://bm.ville-caluire.fr/opacwebaloes/index.aspx?phrase=NN=0609083">http://bm.ville-caluire.Fr/opacwebaloes/Images/Paragraphes/G2013-4.jpg</photo>
</slide_show>

Zip - 54.1 ko

Tous les fichiers détaillés sont dans ce fichier ZIP (qui a été vérifié à l’antivirus...). Bons essais et n’oubliez pas de visiter le site d’origine (en anglais) qui présente beaucoup d’autres possibilités.





Explorer