...

View Full Version : Need help with Jquery Cycle Plugin



efhx
08-13-2008, 07:14 AM
My cycle plugin works in firefox, but not in safari. In safari it just loads the last image and just sits there doing nothing.

I decided to put the plugin script into the jquery.js file and I also put the transition code in there which is



$('#slide').cycle({
fx: 'fade',
speed: 1000 ,

// duration of slide
timeout: 5000,
});


my html is


<div id="slide">
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle1.png" alt="" />
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle2.png" alt="" />
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle3t.png" alt="" />
</div>

and my css



#slide{
width:928px;
height:293px;
padding: 0;
margin: 0;
}

#slide img {
padding: 0;
background-color: #222;
width: 928px;
height: 293px;
top: 0;
left: 0;
position: absolute;
}

On the Cycle plugin page (http://malsup.com/jquery/cycle/begin.html) it doesnt say anything about using absolute on the image, but without it my images r all displayed in safari 1 after the other. I doubt it could be because its in the jquery.js file, but I don't know what to do at this point. Can some1 please help me with this?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum