Big image scroll issues

[Manixat]

Hey freaks,

 

I have this section of my site where users get to upload one big a** photo which causes a big issue when it is being displayed in a 256x256 img object. The photos vary from 1680x1050 up to 2560x1600. Is there any way I can display those photos as small thumbnails, without actually creating thumbnails, without having scroll-lag ?

[Minato]

The only way I know about it is when you are putting in the picture, set up a CSS item there (Such as the following)

 

 

<div id="thumbnail"><img src="IMAGEURLHERE" alt="" /></div>

 

and the CSS for it would be like

 

#thumbnail IMG {
max-width: 250px;
max-height: 250px;
}

 

This is untested, but should work.

[Manixat]

it is exactly what I've done and the page is scrolling fine until it gets to this little thumbnail where it scrolls in pictures ( not smoothly ) and after it's gone it continues to scroll like it's supposed to

[DavidAM]

This is because you are only resizing the display of the image. You are still downloading the full 20 MB photo (or whatever size it is). If you create an actual thumbnail, it is a much smaller image file and downloads much faster.

[Minato]

  On 4/16/2013 at 4:50 AM, DavidAM said:

This is because you are only resizing the display of the image. You are still downloading the full 20 MB photo (or whatever size it is). If you create an actual thumbnail, it is a much smaller image file and downloads much faster.

And as far as that goes, that can be done via PHP (I've done it before). I would have to look back through my old PHP projects to see if I still have the code for that (haven't done that in a while.)