iamjpg / Ez-Background-Resize

Resizable full-browser background image using jQuery. Implementation requires no CSS.
http://johnpatrickgiven.com/jquery/background-resize/
89 stars 32 forks source link

h1. Overview

The jQuery Easy Background Resize plugin is intended to easily allow a background image to dynamically resize itself to the size of the browser keeping the images aspect ratio in tact.

h2. Installation Instructions

First, make sure you have jQuery loaded within the @@ tag of your page.

@@ @@

Second, put the jQuery EZ Background Resize script in your @@ tag.

@@

Third, simply call the plugin with an absolute path or relative path to your image: Note that width and height are required. Won't work in IE without it.

@$("body").ezBgResize({@ @img : "image/bg.jpg"@ @});@

h2. Optional Settings

Optional arguments are center & opacity.

@$("body").ezBgResize({@ @img : "image/bg.jpg",@ @opacity : .75,@ @center : false@ @});@