Retourner à la page d'accueil de TJS
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 -->

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 23/01/2019 10:53:55 sur php7 en 43.76 ms