[Webinar] Streamline your web hosting managementRegister Today


Preloading images for rollover buttons (C#)

Posted on 2006-11-12
Medium Priority
Last Modified: 2012-06-27
Hi All!

I have a webpage with some rollover graphics that are quite large.  I would like them to preload as soon as the page does, rather than waiting for the user to put their mouse over them.  To be honest, I'm running it locally so it's hard to tell whether it's doing it or not - but my understanding is you need some javascript or similar to get them to preload, and it will be deployed to the web soon enough.

Can I do it in C# in the Page_Load section, or do I need Javascript?  Either way, what code would I use?

Many thanks everyone!
Question by:glinkot
  • 3
  • 2

Accepted Solution

ryandale56 earned 1000 total points
ID: 17927821

Author Comment

ID: 17927836
Hi Ryan,

Many thanks.  I did do some googling and saw similar type of stuff - is there always a necessity to specify the image size for these scripts?  Manually finding out the size of every image is kind of acceptable, but not the ideal for a long term effort.

LVL 12

Expert Comment

ID: 17927916
>> "is there always a necessity to specify the image size for these scripts"
I've never used them, just leave the prams empty ()

>> "I'm running it locally so it's hard to tell whether it's doing it or not "
Go to google, and search for a larger image, and use that just for development testing.
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.


Author Comment

ID: 17928134
Aha!  Are there any requirements around naming the pic versus the servertag name-ie do they need to be the same name, or do they need to differ for some reason?  I assume it just caches via the filename and when the servertag sees that it needs that path and filename, it picks it up from the cache rather than the webserver.

Am I right do you think?

Many thanks
LVL 12

Assisted Solution

UnexplainedWays earned 1000 total points
ID: 17928193
>> "Are there any requirements around naming the pic versus the servertag name-ie do they need to be the same name"

VARIABLE = new Image();

the variable and filename can be anything, and the name/id of the <img> or <asp:Image> makes no difference.  The only reason it would matter is when you want to assign the new filename to the image, cause without the id/name you can't find it.

Also, you can keep the VARIABLE  global, so say you have

imgOn = new Image();
imgOff = new Image();

imgOn.src = 'on.gif';
imgOff.src = 'off.gif';

and then in your code, you change the src of the image alot (and in different places), you can keep the filename down to one place (above) and use that when assigning the new image, example:

document.getElementById("TheImageId").src = imgOn.src;

And about the cashing, as far as i know, if you do this:

imgOn = new Image();
imgOn.src = 'on.gif';
---then later---
document.getElementById("TheImageId").src = 'on.gif';

This will look in the temp inet files first for the image, if it's there walla, if not u know what it does.  So it's not really about what the javascript does, its about if the file matches the name.


Author Comment

ID: 17928293
Thankyou so much for your help guys!  Really appreciate your efforts.

Featured Post

[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I have developed many web applications with asp & asp.net and to add and use a dropdownlist was always a very simple task, but with the new asp.net, setting the value is a bit tricky and its not similar to the old traditional method. So in this a…
Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
As many of you are aware about Scanpst.exe utility which is owned by Microsoft itself to repair inaccessible or damaged PST files, but the question is do you really think Scanpst.exe is capable to repair all sorts of PST related corruption issues?
There may be issues when you are trying to access Outlook or send & receive emails or due to Outlook crash which leads to corrupt or damaged PST file. To eliminate the corruption from your PST file, you need to repair the corrupt Outlook PST file. U…
Suggested Courses
Course of the Month9 days, 17 hours left to enroll

591 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question