October 04th 2009 - Entry Posted to: jQuery

I seem to be spending more and more time using jQuery than I do Flash, but I think that is just the nature of my current job. I’m actually really enjoying jQuery, it’s a breeze to use and in most instances you can do what you can do in Flash with javascript, only quicker.

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 (757)

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

Dependencies
Zero

14