|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE et NS. Cet effet assez sympa agrémentera votre site, à condition d'utiliser des petites vignettes, lègères ou préchargées. Lisez bien les astuces figurant ci-dessous.
1- Insérer dans le corps de la page
à l'emplacement où doit apparaître l'effet
<applet code=VideoWall2ech.class // taille d'affichage de l'applet width=600 height=500 codebase=. archive=VideoWall2.jar> // Ne pas modifier <param name=COPYRIGHT value="VideoWall applet, Copyright 1998, Eric Harshbarger"> <param name=AUTHOR value="Eric Harshbarger, http://www.ericharshbarger.org"> // Optionnel: une image de remplacement pour les espaces vides. Ici, une image vide. <param name=IMAGE.MASK value="image_vide_legere.gif"> // Les images concernées. Idéalement... de la même taille, mais pas obligé <param name=IMAGES value="_mo0.jpg _mo1.jpg _mo2.jpg _mo3.jpg _mo4.jpg _mo5.jpg _mo8.jpg _mo9.jpg image_fond_600x500.jpg "> // Donner une valeur comprise entre 0.0 et 1.0 <param name=COLOR.PERCENT value="0.0"> // Nombre de colonnes et de lignes d'images <param name=ROWS value=5> <param name=COLUMNS value=10> // Temps d'affichage des images, en millisecondes <param name=SPEED value=300> // Ordre d'apparition. Valeurs= random (et quoi d'autre ???) <param name=ORDER value="random"> </applet>
2- Les fichiers nécessaires
à placer dans le même répertoire que la page contenant l'effet
AppletUtil3.class • VideoWall2.jar • VideoWall2ech.class
ainsi que les images à afficher
3- Nota:
a- L'effet propose d'insérer une image 'bouche-trou' [param name=IMAGES.MASK].
* Si vous utilisez une image vide (notre exemple: image_vide_legere.gif), alors s'afficheront des couleurs. La taille de ces cases est déterminée par celle de la première image listée. Un conseil, choisissez soit une image très petite, soit une image moyenne. En effet, une image simplement 'petite' produit une effet disgracieux. Une image de la taille de l'applet, bloque l'effet.
* L'effet propose aussi d'utiliser une image non vide (par exemple: image_non_vide_pour_combler_les_vides.gif) également fournie dans notre kit. Dans ce cas, nous vous conseillons de choisir la même taille pour toutes les images, y compris pour [param name=IMAGES.MASK].
b- param name=ORDER Si vous trouvez les autres valeurs prises par ce paramètre, merci de me les communiquer.
c- Veuillez à la fluidité de l'ensemble en affichant des images LEGERES !!
d- Dans notre exemple, une grande image sert indirectement de fond. Volontairement, elle figure en fin de liste afin de ne pas bloquer l'effet. Si vous la supprimez de la liste, les vignettes se chevaucheront car elles ne sont pas de même taille. Cela ne se produit pas avec des images de taille identique.