Grow your CSS skills. Land your dream job.

Problem with jquery fader

  • # May 12, 2011 at 3:52 pm

    Hi everyone.

    Hopefully this is a simple fix. My friends site http://www.autodentz.co.uk has a Jquery image fader (just 3 images) on the right on the home page. It seems to work fine in Firefox on my mac but for some reason on Chrome it doesnt load the full size of the images.

    Can anyone help me please. Im very new to Jquery !!

    The site again is

    http://www.autodentz.co.uk

    Thanks in advance

    # May 12, 2011 at 4:41 pm

    Hi Hal8!

    The problem is Chrome is too fast LOL. It runs the plugin before all of the images are loaded, so all you need to do is switch the document.ready to window.load. Oh and there is an extra comma after the “pause: 1″ that will make IE throw a fit, so remove that too.

    $(window).load(function() {
    $("#slideshow").css("overflow", "hidden");

    $("ul#slides").cycle({
    fx: 'fade',
    pause: 1
    });

    $("#slideshow").hover(function() {
    $("ul#slides").fadeIn(100000);
    }, function() {
    $("ul#slides").fadeOut(100000);
    });
    });
    # May 12, 2011 at 5:00 pm

    Hi Mottie

    Thanks you very much….that did the trick

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".