Preloading images and adding class

javascript preload
The Code Buccaneer picture The Code Buccaneer · Feb 10, 2012 · Viewed 7.2k times · Source

I am using the following code to preload my images:

function preload(sources)
{
  var images = [];
  for (i = 0, length = sources.length; i < length; ++i) {
    images[i] = new Image();
    images[i].src = sources[i];
  }
}

How can I add a class to the image object? I tried images[i].class = 'classname', but this doesn't do the trick. Any suggestions?

Thanks!

Answer

ShankarSangoli picture ShankarSangoli · Feb 10, 2012

Use className instead of class.

images[i].className  = "className";

Related questions

JQuery wait for page to finish loading before starting the slideshow?

I have a site with a rotating header image (you've all seen them). I want to do the following: Load the entire page plus the first header image Start the header image slideshow transitioning every x seconds or when the …

Read More
How to preload a sound in Javascript?

I can preload images easily thanks to the onload function. But it doesn't work with audio. Browsers like Chrome, Safari, Firefox, etc. don't support the onload functions in the audio tag. How do I preload a sound in Javascript without …

Read More
Preloading all assets

Is there a single universal way to load all assets before using them? I am wanting to load some images, audio files, and a few .swf files before my app starts. Currently, I load the images by creating new <…

Read More