Team-Masters.com
Que du Gratuit pour Webmasters
Faîtes défiler des images en boucle (comme une visionneuse)
Du Javascript simple qui vous permet d’afficher automatiquement plusieurs images en boucle comme une visionneuse ou un diaporama.
Ce code Javascript vous permet de faire défiler en boucle de façon automatique, plusieurs images que vous aurez choisi de faire apparaître sur votre page. Cela donne un effet d’animation et permet d’attirer l’attention du visiteur sur plusieurs choses que vous voulez mettre en évidence.
Ce script fonctionne avec plusieurs navigateurs :
FireFox : Toutes versions
Internet Explorer : 5.5 et +
Mozilla : 1 et +
Netscape Navigator : 6 et +
Bon, vous voulez un exemple, c’est parti !
Il faut rentrer le code suivant dans l’en-tête (entre <HEAD> et </HEAD>) de votre page :
<script type="text/javascript">
couv = new Array;
couv[0] = '/img/mon_image1.gif' //entrez vos images ici (leurs adresses relatives ou absolues)
couv[1] = '/img/mon_image2.gif'
couv[2] = '/img/mon_image3.gif'
couv[3] = '/img/mon_image4.gif'
couv[4] = '/img/mon_image5.gif'
num = 2
function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
num = num-1
}
setTimeout("ChangeImage()", 2000);
}
window.onload = ChangeImage;
//-->
</script>Pour afficher vos images en boucle, entrez le code suivant dans le corps de votre page entre <BODY> et </BODY> à l’endroit voulu de votre page :
<div id="zone"></div>
Tout simplement. Vos images seront affichées dans un bloc div. Le seul problème, c’est bien sûr de ne pas vouloir faire défiler une tonne d’images car cela demande au navigateur de les charger, donc attention au poids de votre page !
8 mai 2005
Appliquez un filtre dynamique sur des images
Un effet Neon (II) sur du texte
Affichez un texte qui tremble en Javascript
Ouvrir une popup centrée sur l’écran
Un aura autour de votre texte
Un texte animé dans une boîte
Afficher un texte dans la barre de statut au survol d’un lien
Afficher l’heure courante dans un bouton
Faîtes apparaître un texte de gauche à droite qui s’arrête ensuite
Changer l’opacité d’une image au passage de la souris
