Onmouseover multiple/afficher plusieurs images en n'en survolant une seule

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>

Bonjour,
ch'tiot exemple....

mais... il faut les cacher aussi ?
et quand ?


à mon avis : shunte le "preload" des images
c'est nocif.

Cordialement [mon Site] [M'écrire] Bul

merci d'avoir repondu si vite, je comprend le principe
oki, mais Je vais avoirs beaucoup d'image à faire apparaitre(c'est pour un site d'illusration). Et j'avais avec le code l'avantage de juste avoir à placé "l'id de l'emplacement de destination, et le chemin de limage désiré dans onmouseover pour voir apparaitre ce que je veux ou je veux.

<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()"/>

n'est pas possible de continuer à ce servir de swapimage?

oui pardon je l'ai pas precisé mais je veux qu'avec "onmouseout" tout redevienne comme avant

sans trop changer le debat pourquoi est-ce nocif? cela n'aide pas à afficher plus vite les élément sur le site?
etre permeable a toute sorte de savoir

>>Et j'avais avec le code l'avantage de juste avoir à
>>placé "l'id de l'emplacement de destination, et le
>>chemin de limage désiré dans onmouseover pour voir
>>apparaitre ce que je veux ou je veux.

sauf que c'était 1 image et une seule !
il faut bien donner tous les ID à afficher
ici c'est dans la fonction et le chemin dans les images

mais vous pouvez bien sûr les passer en paramètre,
suffit d'adapter l'appel et la fonction,
par exemple aussi :
__ mettre un id progressif,
un ID dont le début est commun
avec un n° : un id progressif
avec le nombre d'images
<img id="i0"... ><img id="i1" ...> <img id="i125" ... >
appel affiche("i",12)
__ utiliser un array....
_ ...

>>pourquoi est-ce nocif? cela n'aide pas à afficher
>>plus vite les élément sur le site?
c'est exactement le contraire.
sans preload : la page est immédiatement accessible,
les images s'afficheront au fur et à mesure des besoins
le temps d'attente est "morcelé" et fonction de ce
qui est visualisé
avec preload : la page ne sera accessible que lorsque
toutes les image seront chargées, même celles qu'on
ne visualisera jamais.

je commence à y voir plus clair dans la theorie, meme si cela reste risque d'etre laborieux lorsque je vais devoir mettre cela en pratique,et merci aussi pour le preload d'image.

néanmoins sans vouloir parraitre obstiné,ni 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>

car j'ai bien peur de mettre un temps fou pour reussir a faire fonctionner cela correctement.
alors que je commence juste a m'en sortir avec le swapimage.
merci

Hé bien je vous remercie pour votre aide "bul3"


Ce script fonctionne bien.
Question bete, Comment faire si mon site contient plus de 26 dessins, car je dois mettre des Lettres pour les id. et j'ai essayé de changer par des numéros mais cela ne fonctionne pas.

Et,
Existe t'il une methode pour comme dans mon script faire apparaitre l'image sur une autre id directement plutot que de definir sa position a chaque fois.

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>

>>Comment faire si mon site contient plus de 26 dessins,
>>car je dois mettre des Lettres pour les id.
euh.. c'était un exemple

vous pouvez très bien mettre
<img id="toto1"....> à <img id="toto395874"... >
l'appel est alors : moca ("toto",....

voire
<img id="cestpasimportantlessentielestdedonnerledebutcommunauxid1"....> à <img id="cestpasimportantlessentielestdedonnerledebutcommunauxid395874"... >
l'appel est alors : moca ("cestpasimportantlessentielestdedonnerledebutcommunauxid",....

>>Existe t'il une methode pour comme dans mon script faire
>>apparaitre l'image sur une autre id directement
>>plutot que de definir sa position a chaque fois.
mais ????
une seule image sera visible à la fois dans ce cas
... non ?

la question était bien :

si le survol d'une image doit en afficher une
autre mais une seule, la réponse est toute autre
on peut d'ailleurs faire uniquement en css
dans ce cas