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...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 26/04/2018 21:12:26 sur php7 en 54.3 ms