Cycle Plugin not synchronous?
Hi everybody!
I am using the awesome malsup cycle plugin, but it seems like the
sync: true option isn't working 100% synchronous.
If I activate the sync option and let exactly the same images fade, a short opacity effect occurs.
- $(document).ready(function() {
- $('.slideshow').cycle({
- fx: 'fade',
- sync: true,
- speed: 1000,
- timeout: 4000
- });
- });
- <div class="slideshow">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
- </div>
I would like to fade some images with only few differences, and for the user it should look like only those few parts of the image change.
Any ideas on a workaround?
Regards, John