Definitely having a fullscreen background image will make your webpage looks more attractive and cool, rather than a plain background. We can use CSS to do the work, why bother of using plugins? Well you’re right, but with help from jQuery plugins, we could add even more features on our background, for instance, auto re-sizes to fill the browser, apply grid texture, create background slideshow, add background video, etc. In the following, I have compiled a list of 12 fullscreen background jQuery plugins. Hope this could save your time from googling!
Supersized! jQuery Plugin
Supersized is a jQuery plugin which is quite famous in creating a fullscreen background slideshow. Now it’s already come to version 3.2 with ton of new features inside.
Vegas Background jQuery Plugin
Vegas Background is a jQuery plugin to add beautiful fullscreen backgrounds or even create amazing slideshows to your webpages. This plugin will automatic applies a cool texture to make the background image looks like ‘background’.
bgStretcher jQuery Plugin
bgStretcher allows you to add background image to webpage and proportionally resize it to fill entire window browser. Also you may create a background slideshow with it.
Tubular is an amazing jQuery plugin that lets you set a YouTube video as your webpage background. Simply pass in the YouTube video ID and tubular will do the rest for you.
Backstretch jQuery Plugin
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to your webpages. It will stretch the image to fit the browser window size.
This jQuery plugin enables you to easily add an HTML5 video as a background to webpage or any div. It also provides fallback as an image if user’s browser doesn’t support the HTML5 video tag.
MaxImage 2.0 Plugin
MaxImage 2.0 is a fullscreen background slideshow jQuery plugin that allows you to use jQuery Cycle plugin and supports almost all of jQuery Cycle’s functions, transitions, etc.
Smooth Fullscreen Background Slideshow jQuery Plugin
What cool in this plugin is it will wait for images to actually loaded before displaying it as background to make it look smoother. You might add a grid texture if you like!
Fullscreen Background jQuery Plugin
This background plugin works well in IE7 and higher, Firefox, Opera, Safari and Chrome. Also, it is easy to integrate and everyone can do it!
jQuery Easy Background Resize
As stated in name, this jQuery plugin is very simply and easy to use. If you don’t want any extra features in background, then this plugin will suits your need.
Full Size Background Image jQuery Plugin: Redux
A light weight jQuery plugin for background auto resized with proper aspect ratio.
Nice jQuery Full Background Image Slider
This is not a jQuery plugin but just a simple jQuery tutorial for fullscreen background slideshow. If you’re interest to have your own jQuery background plugin, this will be your fundamental.