Amélioration de ce JQ possible ? |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
Envoyé : 24 Août 2015 à 15:23 |
Bonjour,
je pense que je peux améliorer ce code genre avec 'each"..... mais j'arrive pas à voir. - J'ai 3 panneaux - dans chacun de ces panneau j'ai une image qui à une transition quand on la survol - le code ci-dessous veut imiter le survol de l'image quand on survol le panneau et inversement quand on ne survol plus le panneau : ------------------------------------------------------------------------------------------ /*1er panneau : WE=panneau, rond1=image*/ $('#WEa558810312').mouseover(function(){ $('.rond1').mouseover(); }); $('#WEa558810312').mouseout(function(){ $('.rond1').mouseout(); }); /*1er panneau*/ $('#WE72d56c7efc').mouseover(function(){ $('.rond2').mouseover(); }); $('#WE72d56c7efc').mouseout(function(){ $('.rond2').mouseout(); }); /*1er panneau*/ $('#WE70a54b5aa3').mouseover(function(){ $('.rond3').mouseover(); }); $('#WE70a54b5aa3').mouseout(function(){ $('.rond3').mouseout(); }); ------------------------------------------------------------------------------------------ Pensez vous que ce code est améliorable ? (donner la meme class "rond" ?) ------------------------------------------------------------------------------------------ j'ai tenté ça sans succès : $(function() { $('.panneau').each(function() { $(this).mouseover(function() { $('.ronds').mouseover(); }); $(this).mouseleave(function() { $('.ronds').mouseleave(); }); }); ------------------------------------------------------------------------------------------ Edité par nico38 - 24 Août 2015 à 15:24 |
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
regarde l'usage de this :
|
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour.
Voici ce que j'ai teste: il faut mettre sur chaque element-declencheur les classes "panneau" plus "rondX" (rond1, rond2, ...., rond164....), et le classe correspondant "rondX" sur les elements affectés; puis
Edité par Dmit OE - 24 Août 2015 à 16:26 |
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
merci je vais tester !
|
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |