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; }