Avatar billede nickyc Nybegynder
17. juni 2009 - 15:56 Der er 4 kommentarer

Fadeud når man HoverOut i Jquery?

Jeg har nogle link, når jeg kører over dem, fader der nogle billeder ind i en div, men når jeg så hover ud (MouseOut), så skal den fade billedet væk igen??

Det jeg har indtil videre er:

<script type="text/javascript">
    var divs;
    $(document).ready(function() {
    divs = $("#fadeimages div")
   
      $("#entries a").each(function(i) {
          $(this).hover(function(){
            var sID = '#fadeimages div:eq('+i+')';
              $(sID).fadeIn("fast");
              divs.not(sID).each(function(ii){
                $(this).hide();
              })
          });
         
     
      });
   
    });

    </script>
Avatar billede softspot Forsker
17. juni 2009 - 17:18 #1
Jeg tror du skal binde din fadeout-logik til mouseout-eventet. Det vil jeg tro sker her:

<script type="text/javascript">
    var divs;
    $(document).ready(function() {
        divs = $("#fadeimages div");
   
        $("#entries a").each(function(i) {
            $(this).hover(function(){
                var sID = '#fadeimages div:eq('+i+')';
                $(sID).fadeIn("fast");
                divs.not(sID).each(function(ii){
                    $(this).hide();
                }):
            });
            $(this).bind("mouseout", function() {
                var sID = '#fadeimages div:eq('+i+')';
                $(sID).fadeOut("fast");
            });
     
        });
   
    });

</script>
Avatar billede nickyc Nybegynder
18. juni 2009 - 10:55 #2
Fungerer jo perfekt :) Ligger du et svar ?
Avatar billede softspot Forsker
18. juni 2009 - 11:04 #3
Kommer her :-)
Avatar billede softspot Forsker
29. juni 2009 - 10:03 #4
nickyc, accepterer du svar? ;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester