Anything Slider [not loading in Chrome, Safari]

[lydia]

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!

[Mottie]

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 :)

[lydia]

Thank you, Mottie, this solved my problem!

[wshalabi]

Mottie

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

[Author]

Posts