La communauté ALL HTML c'est 58235 membres à ce jour dont 0 inscrits aujourd'hui et 32 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « Publications ALL HTML »

Images alternatives (rollover)

liste des forums liste des discussions Participer à la discussion

Photo de ALL HTML Message publié le lundi 14 mars 2005 à 00 h 00 par ALL HTML. modérateur Responsable Edition & Publicité ALL HTML

Compatiblité


I.Explorer : Oui
Netscape : Oui

Description et scripts


Ce script permet de créer une image qui sera déformée au passage de la souris. Script à insérer entre les balises <head> et </head> pour déterminer si le navigateur peut lancer le script (car problème sous I.Explorer 3.0).

<script type="text/javascript"> <!-- function VersionNavigateur(Netscape, Explorer) { if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') || (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft')) return true; else return false; } --> </script>

Balise <a href=" ...> à insérer où vous le voulez. Ici l'image test1.gif sera remplacée par test2.gif lorsque la souris survolera l'image de défaut (test1.gif).

<a href="exima01.htm" OnMouseOver="if (VersionNavigateur(3.0,4.0)) img1.src='gif/test2.gif' " OnMouseOut="img1.src='gif/test1.gif' "> <img name="img1" width=97 height=52 border=0 src="gif/test1.gif" OnLoad="tempImg=new Image(0,0); tempImg.src='gif/test2.gif'" /> </a>
Photo de gilrod Message publié le mercredi 07 mars 2007 à 18 h 36 par gilrod.
Bonjour,

une petite question : comment faire fonctionner ce script, ou mettre en place un rollover sous firefox ?

Merci
Photo de NuKeLr Message publié le vendredi 30 novembre 2007 à 14 h 17 par NuKeLr.
Bonjour,
Quel est l'interêt d'ajouter du javascript quand la ce que l'on veux faire peut l'être avec juste du CSS ?

css:
a.acceuil {
background-image:url(images/test1.gif);
}
a.acceuil:hover {
background-image:url(images/test2.gif);
}


<a href="#" class="acceuil">Acceuil</a>

have a fun

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Mot de passe perdu

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Créer un compte

Les 5 dernières discussions