RootsWeb.com Mailing Lists
Total: 1/1
    1. Re: [FreeHelp] Interesting idea
    2. Barry Carlson
    3. After having a look around to see what was available for resizing background images, I came to the conclusion that it would be simpler to develop something myself. Most of the jQuery/javascript methods I saw used huge resources for little or buggy results. I have used two background images - they look the same, except that one is 800x600px at 313KB, while the other is 1600x1280px with a file size of only 93KB. The smaller image is given to the W3C compliant browsers that know how to use background-size, while the larger is given to the IE browsers that currently know nothing about 'background-size'. You'll note the background has "bubbles" - they're there for a good reason, to check that the image was infact resizing correctly. Those using any of the up-to-date W3C browsers should be OK using the appropriate styles, while IE7 and IE8 are the only IE browsers that support this script. Buggy support for 'position:absolute' and 'position:fixed" styles are the downfall of IE5 and IE6. I had a look at Avant 11.7 (a popular alternative browser using the IE engine) and the http://browsershots.org snapshot showed everything as it should. Some browser dependant CSS using IE Conditional Comments is delivered where it should and a 1KB javascript file completes the job for the IE browsers. Actually, the page load for the W3C browsers is 3 times that required by Internet Explorer, but the time taken to download the larger image is compensated by the extra time required for the javascript to run in the IE browsers. The result which shows an opaque container 1000px in height is at:- http://countjustonce.com/test/resize-bg/index.html Check the View Source to see how little mark-up there is. If there is any interest, I'll make the necessary alterations to the javascript to enable it to work correctly on the Rootsweb/FreePages servers. Barry

    12/02/2010 07:32:06