Preloading images

Posted on 16th Feb 2014 07:03 pm by admin

Posting this question here because I am not sure where this should belong.I am building an asp.net ajax web site with lots of media elements and I would like to make my image loading work smoother. I have an aspx page where I have 1 - 70 thumbnail pictures. Those are Imagebutton controls generated by code actually. Then I have some clientside javascript code behind those thumbnails, which is used to load the real image into an image control when a thubmnail is clicked. document.getElementById("Image1").src = "MediaHandler.ashx?mediaid=" + imageidSo I am using an imagehandler file to return images from database. Large images are opened in a modal popup and user can browse images with next and previous buttons within this modalpopup. I actually have 3 asp:Image controls on my page. One for that image user has selected, this is the only image which is visible on the modal popup, other image controls are hidden from the user. I am loading previous and next images to these other two image controls. So when a user is browsing to the next image, the image is not downloading from database, but is retrieved from the other image control with client side code.
I am wondering if it is possible to preload all the images somehow. Like I said there can be up to 70 images on one page, but usually there is about 10 images. Image sizes are between 150 and 300 KB.
Should I put more image controls on the page and load more images into them, or could I use javascript preloader? Or is there an asp.net server side control for this purpose? Should I preload first 10 images which are most commonly used and leave those other images to be loaded later when user is trying to access them?
I know it might be hard to understand what I mean, but I am after general ideas rather than an exact solution.

Your Answer:

Login to answer

Other forums

$_GET problem
Hi all,

Have a bit of a problem with a little piece of code, I am not sure if this should be

strptime() equivalent for php4 ?!
Greetings!

this is my first post, thank you in advance for your replies.

Well, the ti

Beginner PHP code help
Hi I'm new to php but if someone could please read the question below and help it would be great.

Retreiving objects from Sessions
Hi all,

I am getting really frustrated with storing and retreiving objects from a session. Bu

help with database debug pls
Parse error: syntax error, unexpected T_ELSE in /home/content/m/e/s/mesick/html/students/05/php/chec

Check if another session of the page is running?
I want to keep people from opening multiple tabs, or sessions of my Facebook app. Is it possible to

Add 5 to a variable when a button is clicked, and re-run a for loop
So I'm making a feedback sort of section on a website with MySQL and PHP, I've gotten the script to

Rounding a number queried from a database
I know that to display a rounded number you just do echo "round($number)";. But how would

Last character removed
I have created a string from an array. I have inserted commas from my form values. I am trying to re

2 things: enter doesn't work in IE & empty form
i have this search form that works well except for 2 things.

1) on IE when i hit enter instea