Android + iOS Full Screen Image Background Extension

[nathaninidaho]

Creating awesome websites with full screen image backgrounds that show correctly on all devices is a snap with this simple extension. It correctly renders your full screen image on Android & iOS phones and tablets in both portrait and landscape  modes!

This lightweight extension uses only html & CSS, which means it works even if the browser's javascript is turned off! It is feature packed for unique background effects including:

-Image Sizing: select from standard image sizing CSS options
-Image Opacity: ability to adjust your image opacity from 5% to 100%
-Background Position: ability to specify horizontal and vertical position of the background in the browser window in pixels or percentages for unique effects
-Image Alignment: standard horizontal and vertical alignment options including left, center, right, and top, center, bottom
-Image Repeating: ability to specify image repeating options for unique effects and custom patterns
-Overall Background Size: ability to specify the background overall width and height from full screen to specific pixels or percentages for unique background effects
-Multi Instance Support: ability to use more than one instance of the extension on a page for unique effects. Also can be used on master frames!

View Demo Page Here: http://magicwebdesigners.com/wysiwygwe ... round.php

I wrote and use this extension on my own websites, see a list of live website links on the demo page. It comes with a use and features guide in the download.

Enjoy!