Double images survolées

Résolu/Fermé
manucreation Messages postés 10 Date d'inscription mardi 1 décembre 2009 Statut Membre Dernière intervention 16 février 2016 - 1 déc. 2009 à 17:22
manucreation Messages postés 10 Date d'inscription mardi 1 décembre 2009 Statut Membre Dernière intervention 16 février 2016 - 14 déc. 2009 à 22:37
Bonjour,

J'ai présentement deux div "menu1" et "menu2" un conçu avec style "onglets" en images survolées et l'autre fait de photographies aussi en images survolées. J'aimerais que lorsque je survole un onglet dans mon menu1 en plus de changer lui-même d'apparence que ça chance aussi celle de l'image qui se retrouve au dessus. et vis versa, lorsque je survole une image du menu2 ça change aussi l'onglet qui se retrouve en dessous.

Je suis certains que ça ne peut pas être si complexe, mais je n'y arrive tout simplement pas!

J'espère que j'ai été suffisamment clair.

Je vous remercie énormément de l'aide éventuelle!!
A voir également:

3 réponses

Harricote Messages postés 417 Date d'inscription mercredi 21 janvier 2009 Statut Membre Dernière intervention 30 janvier 2011 41
1 déc. 2009 à 17:37
Javascript !!
<script type="text/javascript">
function change(numero)
{
document.getElementById("onglet_"+numero).src = 'images/ton_nouvel_onglet_'+numero+'.jpg';
document.getElementById("photo_"+numero).src = 'images/ta_nouvelle_photo_'+numero+'.jpg';
}
</script>

<div id="menu1">
<img src="images/ton_onglet_1.jpg" id="onglet_1" onmouseover="change('1');" onmouseout="enlever('1');" />
<img src="images/ton_onglet_2.jpg" id="onglet_2" onmouseover="change('2');" onmouseout="enlever('2');" />
<img src="images/ton_onglet_3.jpg" id="onglet_3" onmouseover="change('3');" onmouseout="enlever('3');" />
</div>
<div id="menu2">
<img src="images/ta_photo_1.jpg" id="photo_1" onmouseover="change('1');" onmouseout="enlever('1');" />
<img src="images/ta_photo_2.jpg" id="photo_2" onmouseover="change('2');" onmouseout="enlever('2');" />
<img src="images/ta_photo_3.jpg" id="photo_3" onmouseover="change('3');" onmouseout="enlever('3');" />
</div>

Voilà !
1
manucreation Messages postés 10 Date d'inscription mardi 1 décembre 2009 Statut Membre Dernière intervention 16 février 2016
3 déc. 2009 à 02:48
MERCI!!!!!!!!!!!!!!!!!!!!
Je travaille la dessus!!! :)
0
manucreation Messages postés 10 Date d'inscription mardi 1 décembre 2009 Statut Membre Dernière intervention 16 février 2016
14 déc. 2009 à 22:37
Un immense Merci!!!
0