The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Anything Slider [not loading in Chrome, Safari]

  • # July 12, 2011 at 2:57 pm

    I have implemented two sliders on a portfolio page of a WordPress site which is in development:

    It looks great for me in Firefox (mac) but in Chrome and Safari the slider is gone (the only thing visible is the collapsed blue border and two of the numbered tabs).

    However if I enter the site from the homepage or any other page and THEN go to the portfolio page, the slider looks fine.
    Any ideas how to fix this?

    I have upgraded the jquery.anythingslider.js to v1.7.4
    Running WordPress 3.1


    # July 12, 2011 at 10:14 pm

    This may sound silly, but the problem is that Chrome and Safari are too fast.

    So you have two solutions: (1) Define the dimensions of all of the images you are using, either as inline or in the css. (2) Use $(window).load instead of $(document).ready

    That should do it :)

    # July 13, 2011 at 9:50 am

    Thank you, Mottie, this solved my problem!

    # May 23, 2013 at 5:01 am


    the ” $(window).load ” number (2) make it :)

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed