Orion Seven Systems

Solutions to fit your needs.

Orion Seven

Image Loader

Example

Blog

Email Me

Image Loader - A jQuery Plugin

Use Image Loader to preload multiple large images then optionally call your favorite image viewer, slideshow or other javascript on the loaded images.

Main Features:

Preload multiple images.
Specify images with either:
- An array of strings to specify image paths.
- An array of hash objects to specify image attributes such as src, title, name, id, class, style.
Loading text Counts down to completion, example: "Loading 1 of 20".
Show a loading graphic.
Specify your own loading graphic.
Allows for hiding images automatically when loaded.
Turn off the preloading screen and load silently.

Download:

Version 1.2 (Released February 20th, 2010) - ImageLoader.1.2.zip (13.2 KB)

Image Loader on jQuery.com Plugins Repository

Usage example using an array of hash objects for image declaration.

	$("#slideShow").imageLoader({
	   images: [{ src: 'images/image1.jpg', title: 'First Image!'}
		  ,{ src: 'images/image2.jpg', title: 'Second Image!'}
		  ,{ src: 'images/image3.jpg', title: 'Third Image!'}
		  ,{ src: 'images/image4.jpg', title: 'Fourth Image!'}
		  ,{ src: 'images/image5.jpg', title: 'Fifth Image!'}]
	}, function(){
	   $('#slideShow').cycle();
	});

Usage example using an array of strings for image declaration.

	$("#slideShow").imageLoader({
	   images: ['images/image1.jpg'
		  ,'images/image2.jpg'
		  ,'images/image3.jpg'
		  ,'images/image4.jpg'
		  ,'images/image5.jpg']
	}, function(){
	   $('#slideShow').cycle();
	});

Options:

images: An array of image paths or image hash objects to preload. (Default: [])
splashScreenImage: Defines the image to show on the splash screen. (Default: 1)
enableSplashScreenImage: Enables showing the splash screen image. (Default: 'images/splashScreenImage.gif')
enableSplashScreenText: Enables showing the splash screen text. (Default: 1)
endableSplashScreen: Enables the splash screen. (Default: 1)
hideImages: Specify whether to show or hide the images once loaded. (Default: 1)

License

Image Loader is licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php.

Change Log:

Version 1.2 - February 20th, 2010

By request images are now loaded into the DOM in the order they are given to Image Loader. Loading is still done asynchronously as before.

Version 1.1 - January 30th, 2010

The array to specify images can now be an array of hash objects or an array of strings.

Version 1.0.1 - January 25th, 2010

Minor change to stop polluting the Windows global array.

Version 1.0 - January 23rd, 2010

Initial Release