Hi there, It is my goal to defer loading of images in the cycle plugin. Which I have accomplished as follows. But please have a look at the 4th line: $( function() { var imgStack = []; $('.slideshow > img:gt(2)').remove().each(function() { imgStack.push($(this).attr("src")) }).removeAttr("src"); $('.slideshow').cycle({ fx: 'fade', before: function(curr, next, opts) { if (opts.addSlide) { if (opts.imgs.length) { var slide = new Image(); slide.src = opts.imgs.pop(); opts.addSlide(slide); } } }, imgs: imgStack.reverse() }); } );
this will remove all images after the 3th one from the DOM and loads them one be one only when nececary. As you can see I had to add the 'removeAttr("src")' in line 4. If I omit this last part the images will be requested from the server even though I have removed the elements from the DOM. Is this the correct behavior because it seems a bit silly to me to request images that are not in the dom anymore. Or am I missing something and using it completly the wrong way. I would rather use the makeArray method en cut my jQuery after the remove() but it gives me the same issue. Allthough the items are not supposed to be in the DOM the images are still being downloaded... Thanks, Wes