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 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?