Grow your CSS skills. Land your dream job.

How to stop last image in slideshow sometimes flashing first on page load.

  • # October 31, 2012 at 4:44 pm

    Hi guys,

    I’m using flexslider for multiple slideshows on a site I’m currently working on, on one of the pages it’s sometimes flashing the last slide before the first slide on the page load. How can I stop this?

    The problem page is: http://debourg-dev.ch/syselcloud/

    Many thanks

    # October 31, 2012 at 8:53 pm

    You’re most likely going to have to set the images to display: none until flexslider loads.

    # November 1, 2012 at 12:41 am

    Or, run the plugin after page load.

    # November 1, 2012 at 5:02 am

    using jQuery(document).ready(function($) { doesn’t seem to make any difference though?

    # November 1, 2012 at 11:48 am

    Not .ready(), but .load(). .ready() is different with .load()

    $(window).load(function() {
    // ...
    });
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

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