Solved

Preloading images for rollover buttons (C#)

Posted on 2006-11-12
6
530 Views
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!
0
Comment
Question by:glinkot
[X]
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
6 Comments
 
LVL 6

Accepted Solution

by:
ryandale56 earned 250 total points
ID: 17927821
0
 

Author Comment

by:glinkot
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.

Thanks
0
 
LVL 12

Expert Comment

by:UnexplainedWays
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.
0
PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

 

Author Comment

by:glinkot
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
0
 
LVL 12

Assisted Solution

by:UnexplainedWays
UnexplainedWays earned 250 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();
VARIABLE.src = "FILENAME";

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.


0
 

Author Comment

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

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

710 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