Inserer un diaporama photo en flash (Dewslider) dans la page index

Insérer un diaporama photo en flash (Dewslider) dans la page index

Cette modification n'est applicable que si vous avez un index personnalisé!

Introduction

Tout est le titre, c'est un lecteur d'image ! Définissez une liste d'images et laissez Dewslider faire le reste. Il est possible d'indiquer un titre pour chaque photo, d'utiliser des boutons de défilement, d'y ajouter des liens, des actions, et de préciser le temps d'affichage de chaque image. La molette de la souris permet de faire défiler les images.

L'archive zip

L'archive à été revu en fonction des besoin de PHPBoost. avec des images qui s'intègreront très bien sur la largeur du central. Nous verront les largeurs d'images adéquates plus loin dans le sujet pour que vous puissiez les adapter selon les modes de colonnes avec ou sans ou encore une seule.

Télécharger Dewslider

Le dossier

Contient:

dewslider

dewslider.swf

dewslider.xml

dewslider.html

dewslider_img
---

1.png
---

2.png
---

3.png

Ou placer les différents fichiers?

- Ouvrez le dossier "dewslider" Modifiez les images à votre convenance dans le dossier "dewslider_img".
- Via votre FTP, uploader "dewslider_img", "dewslider.swf" et "dewslider.xml" à la racine de PHPBoost.

Le code à placer dans la page index

Code HTML :

<object type="application/x-shockwave-flash" data="dewslider.swf?xml=dewslider.xml" width="731" height="347">
<param name="movie" value="dewslider.swf?xml=dewslider.xml" />
<param name="bgcolor" value="#ffffff"/>
<param name="quality" value="high"/>
<embed src="dewslider.swf?xml=dewslider.xml" quality="high" bgcolor="#ffffff" width="731" height="347" name="Le Nom De Votre Site" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/></embed>
</object>

Détails du code:

Couleurs de fond ou pas ?

Vous avez la possibilité de mettre le background de la même couleur que voutre site en la changeant dans la balise:

Code HTML :

<param name="bgcolor" value="#ffffff"/>

De la même façon que vous pouvez le mettre en transparent. Il vous faudra remplacer simplement la balise ci-dessus par celle ci:

Code HTML :

<param name="wmode" value="transparent" />

Il vous faudra aussi la remplacer : bgcolor="#ffffff" dans la balise <embed> par wmode="transparent".

Modifier la taille

Si vous modfiez vos images, il vous faudra procéder de la même manière que ci-dessus, avec le :

Code TPL :

width="731" height="347"

Mettre un lien sur les images

Vous pouvez ajouter des liens url pour chaque images, en incluant le href dans la balise images que vous voulez et ce pour chaque images dans le dewslider.xml.

Code TPL :

<img src="dewslider_img/1.jpg" title="Titre 1" href="test1.html" />

Plus d'informations

Pour plus d'options ou de fonctionnalités, voir sur le site d'Alsacréations.

Si vous avez des questions, n'hésitez pas à les poser sur le forum