[jQuery] Re: Preload images for jQuery Cycle Plugin

[jQuery Lover]

Here is something from top of my head:

$(function () {
  var imgs = new Array();
  imgs[0] = 'images1.jpg';
  imgs[2] = 'images2.jpg';
  imgs[3] = 'images3.jpg';
  imgs[4] = 'images4.jpg';
  imgs[5] = 'images5.jpg';

  var $img = new Image();

  for(var i in imgs){
    $($img)
      .load(function () {
            checkFinal();
      })
      .attr('src', imgs[i]);
    }

});

var loaded = 0;
function checkFinal(){
  loaded++;
  if(loaded == 5){
    // =========
    // call image rotator statement here
    // =========
  }
}

Basically, it loads five images. On each load it checks if it is the
final image and if it is then call the jquery cycle plugin statement

jQuery HowTo Resource  -  http://jquery-howto.blogspot.com



On Fri, Jan 9, 2009 at 10:49 AM, code_monkey <3dcreat...@gmail.com> wrote:
>
>
> Hi,
> I'm quit new to jquery and trying to figure out how to preload image for
> jQuery Cycle Plugin.
>
> I have 5+ large size images and I need those to be preloaded before starting
> the slideshow with cycle plugin. I also I need to display a loading gif wile
> it preloads the images.
>
> I have tried to implement the technique here
> http://jqueryfordesigners.com/image-loading/
>
> but still couldn't figure out how to make it working with the cycle plugin.
>
> Can anyone please help me with this?
>
> Thanks
>
> --
> View this message in context: 
> http://www.nabble.com/Preload-images-for-jQuery-Cycle-Plugin-tp21366628s27240p21366628.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>