Progressive JPEGs with Javascript

[kumar2222]

I would like to load some progressive JPEGS with a Javascript.

Essentially when a user scrolls over a thumbnail, I do object.src='pictureX.jpg'. Which of course works.

Problem is the picture is not displayed until it is fully loaded. The images I am loading are rather large and take 3-4 seconds to load.

Unlike when I do <img src="pictureX.jpg">, where the picture is loaded gradually. Obviously that being the point of progressive JPEGs.

How can I get Javascript to start displaying the picture as the progressive JPEG is loaded?

Any help is appreciated.

Kumar
Virtech Computer Consulting and Networking

http://www.virtech.ca

 

[BillyRayPreachersSon]

progressive JPEGs are not as widely supported, and even some software which does support them (such as some versions of Internet Explorer) only displays the image once it has been completely downloaded.

It sounds like you might be better off either:

- Preloading the larger image, or

- Using the lowSrc attribute of the image object (which no-one seems to do these days - why not?) before changing the normal src.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/