Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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.
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.


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


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
Have you created a query with information for a calendar? ... and then, abra-cadabra, the calendar is done?! I am going to show you how to make that happen. Visualize your data!  ... really see it To use the code to create a calendar from a q…

670 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