Rechercher : dans
Par :

Script :hover change image (onmouseover)

Dernière réponse le 23 jui 2009 à 14:37:23 hkahil, le 11 jui 2009 à 14:30:20 
 Signaler ce message aux modérateurs

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>

Configuration: Windows XP
Firefox 2.0.0.20

Meilleures réponses pour « script :hover change image (onmouseover) » dans :
ImageMagick - Manipuler les images en ligne de commande VoirImageMagick est un formidable outil en ligne de commande qui permet de manipuler les images. L'avantage de cet outil est qu'il permet: d'automatiser les travaux sur les images (cela évite d'avoir à faire certaines manipulations dans...
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Réajuster les dimensions d'une image, en pixels VoirOn peut avoir besoin de réajuster une image, selon un nombre précis de pixels. Cette astuce vous apprendra à utiliser le logiciel Paint.NET pour réaliser cette manipulation. Après l'installation du logiciel, et après avoir ouvert celui-ci,...

1

Eocky, le 11 jui 2009 à 14:39:16

Voil le script que j'utilise, il marche bien :
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>

Répondre à Eocky

2

hkahil, le 17 jui 2009 à 15:14:09

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

Répondre à hkahil

3

resalut, le 17 jui 2009 à 15:21:52

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

Répondre à resalut

4

 hkahil, le 23 jui 2009 à 14:37:23

J'ai pas su faire
personne pour m'aidez?

Répondre à hkahil