ansaurus

Question

jQuery Galleriffic issue with jQuery inline

Answer 1

+1 A:

Try moving your <script> to the bottom of the page. Currently $('.showmore').hover(...) is executed before the .showmore div is written to the page.

Alternatively you can try something like this:

$(function() {
    $('.showmore').hover(function(){
        $(this).fadeTo('fast', 1);
    });
});

This ensures that you're code is executed after the DOM is finished loading. See .ready() for more information.

Also try passing two function into the hover event. It really shouldn't matter (see source code), but typically, hover takes in two functions as parameter -- the first is executed when the mouse enters the element and the second is executed when the mouse leaves the element. Here's an example:

$('.showmore').hover(function() { $(this).fadeIn('fast'); },
                     function() { $(this).findOut('fast'); });

When only one function is passed in, that function is executed both when the mouse enters and leaves the element.

Also, make sure that you're including jquery to the page. In the example you posted, it seems you're including the galleriffic and opacityrollover plugins but not jquery core.

Xavi 2010-09-14 15:39:34

I've tried it out, but with no success.

ApPeL 2010-09-14 18:26:28

Are any errors reported?

Xavi 2010-09-15 15:37:00

ansaurus

tags:

views:

answers:

jQuery Galleriffic issue with jQuery inline

related questions