Double images survolées
Résolu
manucreation
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
manucreation Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
manucreation Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
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!!
A voir également:
- Double images survolées
- Double ecran - Guide
- Whatsapp double sim - Guide
- Double driver - Télécharger - Pilotes & Matériel
- Double appel - Guide
- Double boot - Guide
3 réponses
Javascript !!
Voilà !
<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à !
