01net    Web


Actuellement en ligne : 211 Utilisateurs dont 7 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Javascript bloqué par IE7
Auteur
Message
 
<     1       >
Augure
  
  :-)
      ?   @     Posté le 19/02/2008 23:01:43  
Voter pour ce message
Bonjour,
Je voudrais intégrer un script dans une page pour permettre de remplacer une image par une autre lors du survol par la souris. Comme je ne connais rien à javascript (promis je vais m'y mettre :D ), j'ai insérer le script avec Dreamweaver CS3.
J'ai testé la page sur mon pc. Le script fonctionne, mais il est bloqué par IE7 et il faut autoriser son exécution ce qui est plutôt embêtant.
Or j'ai vu que sur de nombreux sites, un script similaire était utilisé et le script n'est pas bloqué dans mon navigateur pour autant.
Quelqu'un pourrait-m'aider à y voir plus clair?
Edit: voici le script en question:
<!--
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

et le code html correspondant:
<img src="images/balancefinal.jpg" alt="" width="533" height="385" id="photoretouche" onmouseover="MM_swapImage('photoretouche','','images/balanceinit.jpg',1)" onmouseout="MM_swapImgRestore()" />

-->Message édité par Augure le 19/02/2008 23:32:40<--
-------
Comprendre, c'est devenir égal
Beno@
  
  :-)
      ?   @     Posté le 20/02/2008 09:41:05  
Voter pour ce message
j'ai une question: c'est juste lorsque la souris est dessus, l'image change et lorsqu'elle part elle revient?

dans ce cas le javascript est hautement déconseillé: il demande des ressources assez importantes, il faut qu'il charge la seconde image lors du passage de la souris, et selon les navigateurs ca devient incompatible :/

par contre faire ca en css est une excellente solution:
http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image(...)
Augure
  
  :-)
      ?   @     Posté le 20/02/2008 12:36:27  
Voter pour ce message
Oui c'est comme cela qu'il fonctionne.
J'avais vu la méthode que tu me proposes mais je me demandais si elle fonctionnait dans le cas d'une image classique et non d'un lien hypertexte....
-------
Comprendre, c'est devenir égal
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Javascript bloqué par IE7

Aller à :

Page générée en : 0.055s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Jeu-concours
Rugby : gagnez des places pour le match Perpignan - Trévise, premier tour de la H Cup.
Jeux
Jouer les marionnettistes en contrôlant la vie d'un couple ou d'un trio de colocataires. Télécharger !