How to load image faster?

[Chamnap]

Hello,

I have several images that need to be loaded dynamically based on user
interaction. Each image size is about 6000x1500 pixels. I see several
sites they make the image blur, blur, blur, and the image become
clear. I want to know how to do this, or maybe you all have other
solutions better than this. Can anyone give me some suggestions and
the way how to implement?

Thanks
Chamnap

 

[The Natural Philosopher]

Hello,

I have several images that need to be loaded dynamically based on user
interaction. Each image size is about 6000x1500 pixels. I see several
sites they make the image blur, blur, blur, and the image become
clear. I want to know how to do this, or maybe you all have other
solutions better than this. Can anyone give me some suggestions and
the way how to implement?

Thanks
Chamnap

No sure, but it may be because the images are stored interleaved..you
download successively higher res detail as time goes by.

However why you are using such big images when few computers will
display them in that size beats me..

why not resize them|?

Photoshop/photopaint is your friend.

 

[Evertjan.]

The Natural Philosopher wrote on 10 jul 2007 in comp.lang.javascript:

No sure, but it may be because the images are stored interleaved..you
download successively higher res detail as time goes by.

However why you are using such big images when few computers will
display them in that size beats me..

why not resize them|?

I agree

Photoshop/photopaint is your friend.

Irfanview will do it nicely while you keep your money in your pocket.

<http://www.irfanview.net/>

 

[Chamnap]

When the user clicks the "zoom in" button (or clicks an area of the image),

you preload the larger image and set an interval to enlarge the image a few
pixels at a time until it reaches the size of the larger image. Hopefully,
by that time, the larger image is cached and changing the src of the now
blurry original will magically sharpen it. If not, the effect is less
pleasing.

David Mark, can you show me how to implement this?

Chamnap

 

[Chamnap]

Hi, David

I just find the web that has this functionality
http://picasaweb.google.co.uk/lh/se...tar+rain&uname=chamnapchhorn&psc=G&filter=1#0
Can you show me the way how to implement it?


Thanks
Chamnap

 

[ASM]

En réponse à David Mark qui nous a susurré, en date du : 19/07/07 4:39,
le message sibyllin suivant :

I tried it in Opera (which doesn't
support onload for images properly)

really ?

<img src="asm1.gif" onload="alert(this.width+'\n'+this.height)" alt="" >

works fine in my Opera 9.0

 

[David Mark]

really ?

<img src="asm1.gif" onload="alert(this.width+'\n'+this.height)" alt="" >

works fine in my Opera 9.0

Last I tried it with Opera it did not fire under certain
circumstances. I think it was only if the image was cached, but I
can't remember now. Also, it may not have been version 9.

 

[Chamnap]

Hi,

The part I don't know how to implement is: when they load the big
image or due to the Internet connection speed, it seems they load the
low-quality images first and when ready replace with the high-quality
image. How can they realize when to load low-quality and when to load
the high-quality when the Internet connection speed is high enough?


Thanks
Chamnap