Grow your CSS skills. Land your dream job.

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: http://highroadsol.com/our-portfolio/

    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

    Thanks!

    # 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

    Mottie

    THANK YOU
    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.

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