View Full Version : Need help with Jquery Cycle Plugin

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

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="" />

and my css

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?