Rechercher : dans
Par :

Rollover multiple/afficher plusieurs images

Dernière réponse le 17 aoû 2009 à 20:01:01 homonculus, le 28 jui 2009 à 13:51:29 
 Signaler ce message aux modérateurs

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:

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 text où je veux dans ma page.


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écisement a ma demande.
Merci d'avance.
_____________________________________________
voici mon bout de code si cela peut aider:

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" width="" height="" border="0" id="Image49" 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>

Configuration: Windows XP
Firefox 3.0.12

Meilleures réponses pour « rollover multiple/afficher plusieurs images » dans :
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
[Windows] Affichage de l'aperçu des images en miniatures VoirSi jamais Microsoft Windows n'affiche plus les images en miniatures, il suffit de suivre la procédure ci-dessous : Faire un clic droit sur une image, puis, dans le menu choisir "Ouvrir avec". Cliquez sur "Choisir le programme" et choisissez "Aperçu...
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
PHP - Génération d'images VoirPrérequis PHP permet de créer des images au format GIF à l'aide d'une librairie de fonctions prévue à cet effet. La librairie permettant de créer et manipuler des fichiers graphiques se nomme GD, ainsi, pour pouvoir utiliser ces fonctions il faut...

1

homonculus, le 29 jui 2009 à 13:56:06

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

Répondre à homonculus

2

 homonculus, le 17 aoû 2009 à 20:01:01

J'ai trouvé ma reponse sur cette discution

http://www.javascriptfr.com/infomsg.aspx?ID=1342483

SUJET RESOLU.

Répondre à homonculus