Ausblenden wenn nicht über einem von 2 Objekten

[staccato]

Hey.
Ich versuche grad, dass in einer Galerie bei "Maus über Bild" der Titel eingeblendet wird und bei verlassen wieder geht. Das funktioniert ansich auch. Allerdings befindet sich der Titel überm Bild und wenn die Maus aufm Titel ist dann wird er wieder ausgeblendet und wenn er weg ist wieder ein ....

Daher wollte ich einfach den 'fadeOut' um eine if-Abfrage bezüglich "Maus über Titel" erweitern. Ab wie folgt gehts leider nicht...

$(document).ready(function(){  
    $('.thumb_frame').mouseover(function() {
        $(this).parent('li').children('h3').fadeIn('fast');        
    }).mouseout(function() {      
        if(!$(this).parent('li').children('h3').mouseover()){
            $(this).parent('li').children('h3').fadeOut('fast');  
        }
    });
});

[webxvideo]

Wie wärs denn damit?

$(document).ready(function(){  
    $('.thumb_frame').mouseover(function() {
        $(this).parent('li').children('h3').fadeIn('fast');        
    });
    $('li').mouseout(function() {      
        $(this).children('h3').fadeOut('fast');  
    });
});

[staccato]

So ganz sauber läuft das leider noch nicht, aber das auf jeden Fall noch mal nen Ansatz.

Besten Dank.

[staccato]

Hab jetzt mit "mouseenter" und "mouseleave" gemacht. Das geht.

$(document).ready(function(){  
    $('li.thumb').mouseenter(function() {
        $(this).children('h3').fadeIn('fast');        
    }).mouseleave(function() {      
        if(!false){
            $(this).children('h3').fadeOut('fast');  
        }
    });
});

[psyk]

Nicht schlecht.

Diesen Teil mag ich besonders.

PHP-Code:

if(!false){
  … 
} 


[speedjunkie]

Zitat von staccato

Hab jetzt mit "mouseenter" und "mouseleave" gemacht. Das geht.

Ja genau, in JavaScript gibt es kein mouseChildren = false.

Wenn Du an ein Elternelement ein EventHandler hast und mit der Mouse über dem Kindelement bist, zählt das als mouseout. Deswegen enter und leave.

In jQuery hast Du:

hover(over, out)

PHP-Code:

$('.thumb_frame').hover(
                        function()
                        {
                            // Event-Handler mouseover    
                        },
                        function()
                        {
                            // Event-Handler mouseout
                        }); 


Ist in JQuery "mouseenter" und "mouseleave"