I’ve updated my jQuery Plugin, Image Loader, to version 1.2. A couple of people asked that it maintain the order of the loaded images when added to the DOM. So now Image Loader does just that while maintaining the asynchronous downloading of images.
If you’re by chance using my plugin I’d love to see what you’re doing. I built it with the idea of using it with the Cycle plugin, but in a manner that you can use it with whatever you choose. So if you’re doing something different let me know.
#1 by Ross on April 3, 2010 - 9:46 am
Hi
Brilliant little script you have built, thanks for making it!
One question though (Feature request?), how would I go about getting the image to fade in once loaded, so it’s not just an instant jump from loader to image?
Would be great to get some help with this!, Thanks again
#2 by Bryan Smith on April 3, 2010 - 9:53 am
Hi Ross, Glad you find it helpful. I’ve thought of the same thing and looked at it from the beginning but ran into a problem. I’ll make a note about it though and look back into it.
Thanks again.
#3 by Ross on April 4, 2010 - 7:22 am
Thanks for the quick reply!
Having a bit of a problem running the script with more than one slideshow on the same page. The script works fine on a refresh but not on a page load?!
When the page is loaded, on IE in particular, some or all of the slide shows do not display, or have a blank slide between images, and IE debug gives cycle plugins “Terminating, too few slides : 1″ error possibly suggesting that some of the slide shows don’t receive the image source?!
Have you heard of anything like this before? Any suggestions as to what might be the cause? I am using $(document).ready(function() so I can’t see why on some page loads, some of the slide shows randomly display with blank slides, or don’t display at all?
Within my document.ready I am running each slide show as follows, Is this the correct implementation for running multiple slides?
$(“#slideShow1″).imageLoader({
images: [{ src: 'images/1.jpg' }
,{ src: 'images/1-1.jpg' }]
}, function(){
$(‘#slideShow1′).cycle({
fx: ‘fade’,
speed: 1000,
delay: -600,
random: 1,
requeueTimeout: 1
});
});
$(“#slideShow2″).imageLoader({
images: [{ src: 'images/2.jpg' }
,{ src: 'images/2-1.jpg' }]
}, function(){
$(‘#slideShow2′).cycle({
fx: ‘fade’,
speed: 1000,
delay: -1500,
random: 1,
requeueTimeout: 1
});
});
Any suggestions or help would be great, Sorry for the bother, If anything thought you might like to know about the issue,
Thanks
#4 by Bryan Smith on April 7, 2010 - 7:38 pm
Hi Ross,
That is an odd one. I’ll have to play around with that and see what I can find. Thanks for including your code so I can look at how you’re implementing it.