Double images survolées
Résolu
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!!
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!!
Configuration: Mac OS X Safari 531.9
3 réponses
-
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à ! -
MERCI!!!!!!!!!!!!!!!!!!!!
Je travaille la dessus!!! :) -
Un immense Merci!!!
