0

Article pages on DaniWeb (for those of you who live in the US) have a hover effect (similar to that on our homepage for everybody). It works fine in all browsers except for Firefox. Firefox is just super temperamental: it works a few times and then just mysteriously stops working and I can't figure out why.

Here's my code:

$(document).on('mouseenter', '#div-gpt-ad-1321481451196-0, #div-gpt-ad-1321481451196-2, #div-gpt-ad-1321481451196-3', function(event) {
    if ($('#ad-overlay').length == 0)
    {
        jQuery('<div/>', {
            id: 'ad-overlay'
        }).appendTo('body');
    }
    $(this).css({'z-index': '6000', 'position': 'relative'}).closest('#postbit-ad').css('z-index', 6000);
    $('#ad-overlay').show();
});

$(document).on('mouseleave', '#div-gpt-ad-1321481451196-0', function(event) {
    $('#ad-overlay').hide();    
    $(this).css('z-index', '1005');
});

$(document).on('mouseleave', '#div-gpt-ad-1321481451196-2, #div-gpt-ad-1321481451196-3', function(event) {
    $('#ad-overlay').hide();
    $(this).css('z-index', 'auto').closest('#postbit-ad').css('z-index', 'auto');
});
4
Contributors
4
Replies
36
Views
4 Years
Discussion Span
Last Post by Troy III
0

Are you talking about the lightbox effect when you hover over adds? That works fine for me in firefox.

0

Yes, I am. It works fine on the homepage in Firefox but, both on my mac and pc, it is very temperamental on article pages. If you continuously quickly hover on and off the ads repeatedly, certain ads "break" the effect.

1

Erratic behaviour on repetitive user-actions was revealed while testing my JS Spartan (property) Togler, targeting properties on STYLE object. The bug was filed at Bugzilla, (Bug 720129), but because of its manifestation inconsistency, its status remains UNCONFIRMED since.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.