views:

9

answers:

0

I'm using the .cycle() plugin here: http://commonmovement.com/MIP/our-clients.html
I'm not sure why the second image does not show up in Safari/Chrome. After you roll over the nav it shows up. After searching this forum and the web, I did not come up with a solution that works.

any thoughts?

script:

<script type="text/javascript">

$(window).load(function() {

    $('#clientrotation').cycle({
    fx: 'fade',
    speed: 2000,
    timeout: 5000       
});

html:

<div id="clientrotation">
            <img src="images/logo_group1.jpg" class="first" />
            <img src="images/logo_group2.jpg" />
            <img src="images/logo_group3.jpg" />
        </div>

css:

div#clientrotation { width: 406px; height: 447px; display: block; padding: 0; margin: 0 0 10px 0; }

div#clientrotation img { width: 406px; height: 447px; display: none; }

div#clientrotation img.first { width: 406px; height: 447px; display: block; }