Jquery Fullbrowser Background Images
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 (380)
By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions
Dependencies
Zero
