Images du menu sous menu

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour,

Voici ma problèmatique : J’ai mon menu supérieur qui foncitonne nickel (voui voui ! :P) Et j’aimerai bien l’améliorer.

J’ai donc mis une image dans le coin supérieur gauche quand on passe dessus :

Image utilisateur

Cependant, quand on va dans le sous-menu l’image disparait :

Image utilisateur

Je sais que mon problème vient de mon Jquery que voici :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
/* Menu défilant pour les années*/
$(function sfhover(){
    var sfEls = $("#menu_top li")        
            sfEls.mouseover(function() {
                    this.className+="sfhover";
                    $(".sfhover img").addClass("img_hover");
                });
                sfEls.mouseout(function() {
                    this.className=this.className.replace(new RegExp("sfhover\\b"), "");
                    $("#menu_top img").removeClass("img_hover");
                });
})

`

Mais du coup je fais appelle à vous que car je sais vraiment comment dire au sous menu que son menu doit garder l’image :/

Merci à vous :)

Édité par lindadu01

+0 -0
Auteur du sujet

Pardon. Voici le html :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function menu_top()
{
  echo '
  <!-- Création du menu -->
   <ul id="menu_top">';

  /* menu => Array(sous-menu1,sous-menu2,...,classe)*/
  $menu = array(
    "Développement"=>array("Accueil","Maquette","Site","Noir"),   
    "Origami"=>array("Accueil","Portoflio","Tutoriels","Vert"),    
    "Voyage"=>array("Accueil","Angleterre","Vietnam","France","Rouge"), 
    "Médiathèque"=>array("DVD","Livres","Vert"), 
    "Projets"=>array("Travel Agency","Le serpent","Top 5 actrices","CV Responsive","Page Contact","Blog","E-commerce","Jaune"), 
    "Menu 6"=>array(2013,2017,"Gris")
  );

    foreach (array_keys($menu) as $m){
        $class=$menu[$m][sizeof($menu[$m])-1];
        echo'
         <li> <a class="'.$class.'" href="">'.$m.'</a>
            <ul>';
        for ($i=0;$i<sizeof($menu[$m])-1;$i++){               
            echo'<li><a class="'.$class.'" href="">'.$menu[$m][$i].'</a>
                    </li>';
          }
          echo'
              </ul>
          </li>
          ';
    }
    echo '
      </ul>';
}

Et j’ai plusieurs images à afficher. Le porblème avec ton bout de coe, c’est que toute mes images vont s’afficher en même temps non ?

Ainsi que le morceau d’html concernant le sfhover (car c’est un menu défilant en fait, les sous menu n’apparaissant pas immédiatement mais au survol de la souris sur le menu :)

1
2
3
4
5
6
#menu_top li:hover ul, #menu_top li li:hover ul, #menu_top li.sfhover ul, #menu_top li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
    height:15px;
}

Édité par lindadu01

+0 -0
Auteur du sujet

euh on va essayer ^^" Je te l’envoie soit dans l’apres-midi soit ce soir :)

Edit : Voilà :) (le sous menu est pas aligner correctement mais OSEF, sur le site ça l’est ^^) https://jsfiddle.net/ursaxw55

Il ne faut pas oublier que mon menu est gérer par une fonction PHP et n’est pas écrit en dur dans le code html…

Édité par lindadu01

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte