chargement de la page...
une sur



Le diaporama à bannières (téléchargé 2293 fois)



Ce nouveau diaporama permet d'afficher des bannières ou des photos sur ton site avec des liens sur chaque image. Cette création est idéale pour présenter des partenaires ou des images avec les liens vers les partenaires ou les image non réduites. Ce diaporama possède plus de fonctions que les autres diaporamas. En effet, il permet de mettre des commentaires sur chaque image et des liens sur chaque image. Les options générales sont le réglage du temps par image, la couleur du fond (visible lors du fondu entre 2 images), la possibilité de ne pas afficher le panneau de contrôle et des dimensions de l'ensemble.
Quelques soient les dimensions de ton images, elles seront optimisées pour donner un effet plein écran. Comme il n'y avait pas de place pour mettre les boutons de contrôle, un panneau de contrôle apparait lorsque la souris survole le bas du diaporama. Ce panneau permet de laisser libre choix aux visiteurs de ton site de revenir sur l'image précédente, de passer à la suivante, de mettre en pause le diaporama ou de contrôler le temps par image avec une jauge réglable. Tu peux supprimer l'accès à ce panneau de contrôle pour figer les paramètres, comme par exemple, pour l'affichage des partenaires.
Enfin, sur ce diapo, pas de logo publicitaire de mon site pour rendre un peu plus libre cette création.

Aperçu du diaporama en présentation de photos avec commentaires



Aperçu du diaporama en mode présentation des partenaires (petites dimensions et suppression du panneau de contrôle)



Comment mettre mes images?
Le diaporama est fourni avec un fichier liste.txt dans lequel tu peux mettre la liste de tes images ou photos. Pour compléter cette liste tu dois identifier pour chaque image les paramètres suivants :
- l'adresse de l'image (paramètre obligatoire : ne pas le mettre engendre un dysfonctionnement du diaporama)
- le commentaire lié à cette image (paramètre facultatif : ne pas le mettre engendre un espace vide à la place du commentaire)
- le lien absolu (exemple : http://tonsite.com) lié à cette image (paramètre facultatif : sans ce paramètre les clics sur les images ne marcheront pas mais les images défileront tout de même).

Tu dois à chaque ligne du fichier TXT mettre ces paramètres dans cet ordre et avec comme séparateur &.
Par exemple :
google.jpeg&moteur de recherche&http://google.fr

Tu peux, si tu le souhaites, ne pas mettre de commentaire mais mettre un lien, par exemple :
google.jpeg&http://google.fr

Ou même mettre un commentaire sur l'image mais ne pas mettre de lien, par exemple :
google.jpeg&moteur de recherche

Mais il est important de bien respecter cet ordre. Dans le fichier TXT, chaque ligne correspond à une image (avec ses paramètres). Et n'oublie pas de revenir à la ligne à la dernière ligne. Exemple :


Comment intégrer mon nouveau diaporama dans mon fichier html?
Une fois que la liste est remplie, on peut intégrer l'animation flash avec le code suivant dans le fichier html :



Comment modifier les nouveaux paramètres?
Une fois que l'insertion du code est terminée, tu peux choisir la couleur de fond (visible lors du fondu entre 2 images), le temps par images, l'affichage du menu et les dimensions du diaporama en modifiant le code à insérer dans ton site :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="360" height="180">
<param name="movie" value="minidiapo.swf?temps=50&couleur=0x00FF00&affichermenu=oui">
<param name="quality" value="high">
<embed src="minidiapo.swf?temps=50&couleur=0x00FF00&affichermenu=oui"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
width="360" height="180">
</embed>
</object>

Le réglage du temps par images se fait en pourcentage de 12 secondes environ. Par exemple, si tu veux 1 seconde par image, il faut mettre 10 (comme 10% de 12 secondes). Autres exemples, pour mettre 5 secondes par images, tu mets 50 (comme 50% de 12 secondes). Mais ces valeurs sont trés aléatoires en fonction du navigateur utilisé. Le plus rapide étant Firefox et le plus lent Internet Explorer, tu n'as qu'à tester en ouvrant cette page avec des navigateurs différents.
Concernant les couleurs, ce sont des couleurs du web en hexadécimal. Ne pas oublier de la mettre sous la forme 0x et le code de la couleur (exemple pour le blanc : 0xFFFFFF).
Pour les dimensions, tu dois respecter les proportions de 2 pour la largeur et 1 pour la hauteur (exemple : largeur=200 hauteur=100). Pour un chargement rapide des images, je conseil de mettre ces mêmes dimensions à toutes les images.

Qu'est-ce que j'héberge exactement sur mon site?
Il faut héberger le fichier swf, txt et surtout les images dans le même répertoire que le fichier html de ton site.


Pour réagir sur cette création (amélioration à apporter ou bugs à signaler), rendez vous sur le forum.






Dream-Life
http://www.dream-life.fr
par romain00
BlooNeT
http://www.bloonet.fr/
par Adri22
hebergratuit
http://hebergratuit.free.fr/
par Beldjilali
helpoo
http://helpoo.fr
par axool
Graph-earth
http://graph-earth.forumouf.com/
par boy432
Tous les membres peuvent devenir partenaires du site




Création, style et gestion par