Script :hover change image (onmouseover)
hkahil
Messages postés
197
Date d'inscription
Statut
Membre
Dernière intervention
-
__construct -
__construct -
Bonjour,
j'utilise un petit script qui me vas tres bien pour changer d'image au passage de la souris
par contre le script ne se declenche pas au démarage
je lance la page le scrit n'est pas actif
je passe sur l'image il devien actif
pouvez vous m'aidez svp
merci
<diV id="forte">
<img src="image1"
onmouseover="this.src='image1'"
onmouseout="this.src='image2'">
</div>
j'utilise un petit script qui me vas tres bien pour changer d'image au passage de la souris
par contre le script ne se declenche pas au démarage
je lance la page le scrit n'est pas actif
je passe sur l'image il devien actif
pouvez vous m'aidez svp
merci
<diV id="forte">
<img src="image1"
onmouseover="this.src='image1'"
onmouseout="this.src='image2'">
</div>
A voir également:
- Script :hover change image (onmouseover)
- Script vidéo youtube - Guide
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Script cmd - Guide
- Script download - Télécharger - Édition & Programmation
5 réponses
tu creer une fonction en javascript ki affiche les images une par une pendant un temp donner au mouseout tu laisse ce que ta fait
Voil le script que j'utilise, il marche bien :
A jouter avant /head
Affichage des images :
A jouter avant /head
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
Affichage des images :
<body onload="MM_preloadImages('ADRESSE IMAGE SURVOLE')">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','ADRESSE IMAGE SURVOLE',1)"><img src="IMAGE NON SURVOLE" name="Image1" width="100" height="58" border="0" id="Image1" /></a>
</body>
resalut j'utilise ce script pour faire afficher une image au passage de la souris et lorsque la souris quitte l'image , on revoir l'image initiale par contre est il possible qu'au passage de la souris voir afficher plusieurs image
ce qui marche
onmouseover="this.src='img/2.jpg'" onmouseout="this.src='img/1.jpg'"
ce que je cherche a faire:
onmouseover="this.src='img/2.jpg','img/3.jpg','img/4.jpg'" onmouseout="this.src='img/1.jpg'"
souris sur l'image on voi défilé les images 2, 3, 4 , souris quitte l'image on revoir image 1
c 'est pas possible avec mon code, je préfere ce code car c court
merci de m'aidez
ce qui marche
onmouseover="this.src='img/2.jpg'" onmouseout="this.src='img/1.jpg'"
ce que je cherche a faire:
onmouseover="this.src='img/2.jpg','img/3.jpg','img/4.jpg'" onmouseout="this.src='img/1.jpg'"
souris sur l'image on voi défilé les images 2, 3, 4 , souris quitte l'image on revoir image 1
c 'est pas possible avec mon code, je préfere ce code car c court
merci de m'aidez
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question