Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Rollover sur plusieurs images
Comment créer un effet de rollover sur plusieurs images dans la même page. C'est simple :)
Exécution du script
Code source
<HTML><HEAD><TITLE>Tout JavaScript.com - Rollover sur les images</TITLE><SCRIPT LANGUAGE="JavaScript">// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com // Script gratuit à condition de laisser ce commentaire // Fonction de rolloverfunction rollover_tjs(nom,src) { // nom est le nom de l'image // src est l'adresse du fichier d'image document.images[nom].src=src;}// Fonctions de préloadfunction load() { if (document.images) { this.length=load.arguments.length; for (var i=0;i<this.length;i++) { this[i+1]=new Image(); this[i+1].src=load.arguments[i]; } }}// Cette fonction charge dans le cache toutes les images passées en paramètrefunction preload() { var temp=new load("smiley1.gif","smiley2.gif","smiley3.gif","smiley4.gif")}preload()</script></HEAD><BODY bgcolor="#FFFFFF"><FONT FACE="Arial" SIZE='-1' COLOR="#000099"><CENTER><BIG><B>Rollover sur plusieurs images</B></BIG></CENTER><BR>Passez la souris sur les smiley et observez l'effet de rollover.<BR><BR>Les rollovers sont souvent associés à un préchargement des images dans le cache du navigateur, c'est ce qui est fait dans cet exemple<BR><BR>Les smileys sont issus du script <A href="http://www.toutjavascript.com/chat" target="_blank">TJSChat</A>, le chat gratuit développé en PHP/Javascript par Tout JavaScript.com, accessible en <A href="http://www.toutjavascript.com/chat" target="_blank">téléchargement</A><BR><BR><BR><TABLE><TR><TD width=70> <A href="#" onmouseover="rollover_tjs('img1','smiley2.gif')" onmouseout="rollover_tjs('img1','smiley1.gif')"> <IMG id=img1 name=img1 src="smiley1.gif" border=0></A></TD><TD width=70> <A href="#" onmouseover="rollover_tjs('img2','smiley3.gif')" onmouseout="rollover_tjs('img2','smiley1.gif')"> <IMG id=img2 name=img2 src="smiley1.gif" border=0></A></TD><TD width=70> <A href="#" onmouseover="rollover_tjs('img3','smiley4.gif')" onmouseout="rollover_tjs('img3','smiley1.gif')"> <IMG id=img3 name=img3 src="smiley1.gif" border=0></A></TD></TR></TABLE><BR><BR><BR><BR><BR><CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCFFF">Tout JavaScript.com</FONT></A></CENTER><BR></FONT></BODY></HTML><!-- Script développé par Olivier Hondermarck --><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
