11490 sujets

JavaScript, DOM et API Web HTML5

Bonjour et merci de vous être arrêtés, je débute et je suis en train de tenter de créer mon site.

J'utilise un "MM_swapImage" qui me permet, au survol de ma souris sur une image"A", d'afficher une image"B" ou je veux dans ma page.

et je cherche désespérément depuis quelques jours, la possibilité de:
[b]
Faire apparaitre, au survol de ma souris sur une image"A",
une image"B" où je veux dans ma page.
+
une image"C" ou un texte où je veux dans ma page.[/b]

(qui bien sur retourne à l'état initial lors du onmouseout.)

Mon manque de connaissance en javascript m'en empêche.J'ai fouillé dans différent topic sur le net mais aucun ne correspond précisément a ma demande.
Merci d'avance.
_____________________________________________
voici mon bout de code si cela peut aider:

 [code=html]
LE SCRIPT SWAPIMAGE:
 
<script type="text/javascript">
<!--
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_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_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>
 
MA PAGE HTML:
 
<a href="pic/galerie/92poisson_chien_fini.jpg" rel="lightbox[galerie]"title="poisson chien"><img src="pic/galerie/888poissonchien.png" alt="poisson chien" onmouseover="MM_swapImage('view','','pic/galerie/666poissonchien.png',1)" onmouseout="MM_swapImgRestore()"/>
 
 
<!--voila ci dessous l'endroit apparait la premiere image-->
<div id="image_apercu">
<img id="view" src="pic/galerie/default_H.jpg"/>
</div>
 
 
<!--voila ci dessous l'endroit ou je voudrait faire apparaitre la deuxieme image ou texte-->
<div id="information_apercu">
<img id="view2" src="pic/galerie/default.jpg"/>
</div>


Et sans vouloir parraitre trop bête.
n'est-il pas possible d'ajouter une fonction
à mon script swapimage.

afin de pouvoir tenter de une phrase de ce style avec un onmouseover double?
<a href="pic.jpg"><img src="pic.png" onmouseover="MM_swapImage('view','','pic666.png',1),('view2','','pic888.png',1)"
onmouseout="MM_swapImgRestore()"/>


qui ferait apparaitre distinctement les images désiré dans l'id : view, et view2

<div id="image_apercu">
<img id="view"src="pic/galerie/default_H.jpg"/>
</div>

<div id="information_apercu">
<img id="view2"src="pic/galerie/default.jpg"/>
</div>


[/i][/i][/i][/i][/i][/i]
Modifié par homonculus (28 Jul 2009 - 18:09)
Personne n'est interresé par mon probleme..

Bon, de mon coté je me rapproche un peu


Mais de mon coté, j'ai reussi dans mon code à me rapprocher de ce que je recherchais..



<td><a href="pic/popo.jpg" "title="popo"><img src="pic/galerie/miniature_popo.png" alt="minature" width="" height="" border="0" id="Image001" onmouseover="MM_swapImage('view','','pic/apercu_popo.png',1);MM_swapImage('view2','','pic/information_popo.png',1);MM_swapImage('Image001','','pic/miniature_popo_desat.png',1)" onmouseout=""/></a></td>



-J'ai ajouté des swapimages au onmouseover en les separants par ";" et ça à l'air de bien fonctionner.

-Malheuresement, pour le onmousout, je ne sais pas quoi mettre pour que tout retourne à l'état initial.



Si vos connaissance peuvent m'éclairer de ce coté la je suis preneur.

Merci par avance à ceux qui ont la capacité de résoudre mon souci Smiley cligne