Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Rollover sur une image éloignée
Passez la souris sur un lien et une image de la page change. C'est un rollover associé à un préchargement d'images.
Exécution du script
Code source
<!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD><TITLE>Tout JavaScript.com - Rollover sur une image éloignée</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 // Dans cet exemple, nom = lesmiley // 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 une image éloignée</B></BIG></CENTER><BR>Passez la souris sur les liens réactifs, vous verrez le smiley changer.<BR>Quand la souris n'est pas sur un lien, le premier smiley est affiché.<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=200><FONT FACE="Arial" SIZE='-1' COLOR="#000099"> <!-- Premier lien réactif --> <A href="#" onmouseover="rollover_tjs('lesmiley','smiley2.gif')" onmouseout="rollover_tjs('lesmiley','smiley1.gif')">Lunette de soleil</A><BR> <!-- Deuxième lien --> <A href="#" onmouseover="rollover_tjs('lesmiley','smiley3.gif')" onmouseout="rollover_tjs('lesmiley','smiley1.gif')">Triste</A><BR> <!-- Troisième lien --> <A href="#" onmouseover="rollover_tjs('lesmiley','smiley4.gif')" onmouseout="rollover_tjs('lesmiley','smiley1.gif')">En colère</A><BR> </FONT></TD> <TD><IMG id=lesmiley name=lesmiley src="smiley1.gif"></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...
