To cut a long story short, I had a project come up that needed a javascript full browser background image class, and being the nerd I am, I thought I’d roll my own rather than use any existing jQuery plugins.

I approached it from a Flash standpoint, and tried to replicate the way I use my Flash full browser classes. So rather than operating on a container of image urls as most jQuery full browser plugins do I set this one up to respond to a method call, and load and display each image as requested. The reason for this approach was that I wanted the plugin to only load what images were requested, by me when I wanted them. I’m thinking however of adding in the ‘operate on a container of image urls’ approach to a future iteration.

As this is my first attempt at writing a jQuery plugin I’ve probably made a ton of noob mistakes. Let me know how it works and any bugs you encounter.

Plugin Features

• Set Fade in time
• Center image within browser window on x axis
• Callback methods

An example of loading a single image;.
http://www.noponies.com/dev/jquery-npfullbrowser/static.htm

An example of setting up a slideshow;
http://www.noponies.com/dev/jquery-npfullbrowser/slideshow.htm

Source Files
Here is the relevant source file; jquery Full Browser Background Images (1490)

By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Dependencies
Zero