[jQuery] Need help with Jquery Cycle Plugin [safari]
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 themCycle 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 and still wont fade. I doubt it could be because I
placed the cycle plugin and transition code in the jquery.js file, but
I don't know what to do at this point. Can some1 please help me with
this?