Hi jPeople,
Switched from innerFade to use the Cycle plugin's pause and resume
functionality. Works great thank-you!
I am looking for a way to check if the image contained by the next
slide is loaded before displaying it. The lovely fade effect falls
flat when the next image is only half loaded.
Modifying the innerFade plugin to do this was straight forward.
Wrapping most of the contents of the 'next' function in an if
statement did the trick:
if ($(elements[current]).find('img').length > 0 && $
(elements[current]).find('img')[0].complete) {
// display next slide
}
// setTimeout...
This would effectively pause the cycle until the next image was loaded
- which suits my purpose well.
Worth noting that when the page first loads only the first image in
the list is included. The following images are being loaded
dynamically one after another to reduce the initial page weight.
Can anyone provide any tips as to what approach I should take to do
the same with the more complex Cycle plugin.
Thanks in advance
Ollie
