Background resizer

Category: JavaScript - Miscellaneous

Background resizer class can be used to display high resolution images as background for websites. Class will resize background image for different screen resolutions supporting this criterias:


* fill window from edge to edge
* display largest area possible
* keep image proportions (without streching image)
* hide scrollbars caused by background image
* support most popular browsers (including IE)


Additional configuration can be provided like min/max width/height for background to be resized. Supported only by browser which support min/max-width/height CSS attributes


Note: This package changes DOM structure - includes any content in a wrapper div, which is positioned absolutely on top of background layer


Package contains bg_resizer.js and bg_resizer.packed.js (packed javascript), two large background examples: large_bg.png(example to sow how image is resized to display largest area possible while covering screen from edge to edge) and 2011.jpg (simple large background), and example files for each background: resize_example.html (with large_bg.png defined minwidth, minheight, maxwidth, maxheight) Date: 07 August, 2011


Advertisements


Editor Rating: 5 Rating of Background resizer

Image - Images - Url - Graphics - Background - Web - Script - Web Page

Homepage: http://webcodingeasy.com/JS-classes/High-resolution-image-background-resizer

Developer: Arturs Sosins

License: BSD License

Operating System: Not Available

Add a Comment

all are required fields

     
What do you think of this resource?

Select Your Rate:

Votes:0

 

Related Scripts Download

Snipe Gallery is a searchable PHP/mySQL photo gallery manager with web based admin and dynamic thumbnailing.

developer Developer: Snipe Gallery
license License: BSD License (original)
operating systems Operating System: Microsoft, POSIX


DRBImageVerification is a simple anti-spam image verification, or CAPTCHA, script.

developer Developer: Don Barnes
license License: Free To Use But Restricted
operating systems Operating System: All


This simple JavaScript image-slider combines slide effect with opacity effect (transparency).

developer Developer: Peter Gehrig
license License: Freeware
operating systems Operating System: all


Unique image gallery with floating thumbnails
This Fun JavaScript makes your thumbnails (the small pictures) float all over your webpage.

developer Developer: Peter Gehrig
license License: Freeware
operating systems Operating System: all


Free JavaScript carousel slideshow with rollover-zoom.

developer Developer: Peter Gehrig
license License: Freeware
operating systems Operating System: win 7, unix, xp, vista, mac


Free application that allows you to create a slideshow on your website.

developer Developer: Andrey Markin
license License: Freeware
operating systems Operating System: Not Available


KoschtIT Image Gallery is a PHP-script for an easy viewing of your pictures in the web browser.

developer Developer: kkokus
license License: Freeware
operating systems Operating System: Not Available