Rollover??
Rollover?? - HTML/CSS - Programmation
Marsh Posté le 19-10-2005 à 08:59:55
http://css.alsacreations.com/Const [...] javascript
http://css.alsacreations.com/Tutor [...] age-unique
http://cerig.efpg.inpg.fr/dossier/ [...] page12.htm <= pas mal et explique quelques techniques.
Donc maintenant tu sais ce qu'il te reste à faire : Abandonner ton JS à deux balles
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 19-10-2005 à 10:11:52
Reply
Sujets relatifs:
- le rollover expliqué à une débutante ??
- Rollover differants sur plusieur images ?? (avec des exemples...)
- Un "rollover" en CSS ne fonctionne pas, contrairement aux autres
- Créer un rollover sur un rollover
- [HTML/CSS/Javascript] z-index avec rollover sur image ( zoom CSS )
- Rollover map
- rollover !
- Description on rollover
- Mise en gras on rollover
- Problème de chargement d'images sur Rollover avec IE
Marsh Posté le 18-10-2005 à 20:18:59
Bonjour,
J'aimerais afficher une image en plus de celle qui permute au passage de la souris.
Comme l'exemple de la main noire et du pied noir sur cette page : http://tecfa.unige.ch/themes/FAQ-F [...] lover.html, sauf qu'en plus du pied qui apparait, la main changerait aussi...
Est ce possible, et si oui comment?
J'utilise pour l'instant ceci pour mon image qui permute :
<html>
<head>
<SCRIPT LANGUAGE="Javascript">
<!-- Permuter une image
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
// -->
</SCRIPT>
<A HREF="Blabla.htm" onMouseover="Permut(1,'IMG4');"
onMouseout="Permut(0,'IMG4');">
<IMG STYLE="position:absolute; TOP:465px; LEFT:140px; WIDTH:108px; HEIGHT:49px" SRC="Mon image 1.jpg "BORDER="0"" width=108 height=49 NAME="IMG4"
onLoad="preloadPermut(this,'Mon image 2.jpg'); ">
</A>
Merci d'avance pour votre aide.
En espérant que mes explications soit comprehensible...