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

Curly Bracket Delimeters.
I'd always believed that the starting and ending delimeters in preg_ functions had to be the same ch

form problem
Hi all, I think this is going to be easy to resolve but for I have been looking at it to long and I

Google voice
I currently have a form in html, but I want it in php so the information is not in the source code.<

Login Issue's
Code: <?php
$file = fopen('user.txt', 'r');

/* Set login to false initially */

my two tables
table1 : col1 = topicid , col2 = topic

table2 : col1 = sentid, col2 = sentence

Cod

insert Multiple rows into the table from that table data
Hi All,

I have a requirement like to insert mulitple rows into the table from that

a multi dimensional array with for each
hi, I have been asked to write an array, I have Zone 2,3,4,5,6,7,8 each zone has 3 sections of weigh

MySQL query problem
When I try to run the following piece of code, I get this error:
QuoteWarning: mysql_query(): sup

Check Date/Time in PHP
What I need the code to check is that $reQuest is 24 hours in the past then return a time based on h

void* and sizeof()
Hi,

Using void* and sizeof is it possible to get the value of the object ?

I understan