Pre Load Images

Tanvir

Mar 20 2005, 08:58 PM

I want to preload some images with my page and after searching in google I found this code but it doesn't seem to work. Cany anyone tell me what is wrong?

<script language="JavaScript">

</script>

rvovk

Mar 20 2005, 09:22 PM

I use XHTML and CSS code for preloading some images that are used in layout of my page.

This is HTML code for one image:

<div class="hiddenPic"><img src="images/layout/over.jpg" alt="hidden"/></div>

Whereas images/layout/over.jpg is path to yours image file, div class="hiddenPic" defines DIV class.

And CSS code is this:

.hiddenPic {display:none;}

This CSS rules defines that div class HIDDEN is not displayed on the screen, only is preloaded.

I guess Javascript isn't too good choice in your case, cause some, but this is very few people have Javascript disabled, thats why I must do my Pop-Up image in XHTML/CSS way.

Best regards, Robert.

webaurores

Mar 21 2005, 01:48 AM

i think the XHTML/CSS solution is too theoric. i mean, it would work with most of your visitors, but not all of them. because MANY people uses old browsers, which doesn't support whether XHTML or CSS.
and, sometimes, those browsers aren't too old. check it out on Firefox. it won't work; i tried something similar to it some time ago: i put SEO information about a page in the begging of it (so Google gives it more value), but it looked awful in the layout, so i tried to hide that info with a CSS code like rvovk's, and it didn't work with Firefox (it did with IE5).

rvovk

Mar 21 2005, 05:18 AM

Check it out on my site, here, and you will see that it works. I tried it IE6 and Firefox.

Vacant

Mar 24 2005, 07:09 PM

QUOTE(webaurores @ Mar 21 2005, 01:48 AM)

CODE

Stick this on the homepage (or whatever, the page before the one you want the preloading done on). This will load the image, but will only display 1px of it (which you can't see). Do this for every image, and in theory it'll act as a preload because it will load the image first.

Its a quick fix, but it works for me....

- Vacant.

kawasu

Mar 29 2005, 10:42 AM

hmm... i forgot wat i used to preload images. i think it was a javascript but i really can't remember. anyway, if u ask me i really wouldn't use a preload script. it's alright for dial-up users but nowadays everyone is on broadband. having loading scripts only slows broadband in the end, really not worth implementing them anymore.

in the end it's ur choice, i just think they're a waste of time.

Vacant

Apr 1 2005, 11:40 PM

QUOTE(kawasu @ Mar 29 2005, 10:42 AM)

it's alright for dial-up users but nowadays everyone is on broadband.
in the end it's ur choice, i just think they're a waste of time.

Everyone, in fact, is NOT on broadband. Places like Japan may be on 12 mb connections but over here in the UK we've only just discovered broadband... and most people don't have it here. You need to think about every user to your site.

However, I think that in most cases the preload is not essential anyway...

mizako

Apr 4 2005, 11:30 AM

With Javascript i preload images with:
if (document.images)
{
folderopen= new Image(16,16);
folderopen.src="buttons/node_open.png";
folderclose= new Image(16,16);
folderclose.src="buttons/node_close.png";
textimage = new Image(16,16);
textimage.src="buttons/text.png";
arrowopen = new Image(16,16);
arrowclose = new Image(16,16);
arrowopen.src="buttons/arrow_open.png";
arrowclose.src="buttons/arrow_close.png";
}
Then for example if you want to change the image of an element into your Javascript code you write simply:

foldericon=arrowclose.src

CrashCore

Apr 11 2005, 01:11 AM

Mizako, I wouldn't say that's quite so simple. The others that posted before you are much less code. I like rvovk's way the best, and it seems to work on his site for me, and I'm using Firefox (who isn't?). It doesn't work as well on IE (I only have it because my family uses it

), but my IE has been screwed up for a long time. It doesn't work with custom javascripts anymore, and the css is screwed up a lot of time, and installing SP2 with the new version of IE didn't help at all.

mizako

Apr 11 2005, 06:58 AM

QUOTE(CrashCore @ Apr 11 2005, 01:11 AM)

Mizako, I wouldn't say that's quite so simple. The others that posted before you are much less code.

To preoload just an image takes 5 lines of code. Two images 7. Not that much :-)

Latest Entries

BuffaloHELP

Apr 23 2005, 06:41 PM

heavensounds

I do not believe one needs to have preload images. One's browser accesses images, for this discussion sake, when the browser calls for and when the viewer clicks on the link (does this make sense?). But here is a thought:

What if one's page contains a tree menu made up with graphics as a background or such? And within that tree menu there are submenus that also require graphics as a background...etc? When a viewer expands a particular menu tree, it will take a short time to load graphics it needed to show it as one programmed. But in the mean time, the viewer would see that "ugly" X picture until that graphic is fully loaded. So, the conclusion is that it just makes the viewing page a little enjoyable (as I tried to say on my previous post).

However, if one's hosting service has limited bandwidth one might face a problem. By preloading images one is using up bandwidth that perhaps might not have needed by the viewer. And thus, the browser downloads that entire graphics to the viewer’s cache and never gets the chance to be "used."

I have a tree menu style that mimics window's help menu (with closed and open folders, little dotted lines to connect them) and each graphics are 1k. Now it may not be much but, 1kB x 26 categories x 3 graphics per category = 78kB. I have an average unique visitor of 58 a day so that's 78kB x 58 = 4,524kB (4.5MB). That's 31.668MB a week, 126.672MB a month (4 weeks)... it adds up.

So, decide how you want to present your web page and use it discretionally.

Good luck.

heavensounds

Apr 23 2005, 12:39 PM

Can someone please explain to me why one would acctualy use PRE LOADING IMAGES...

What is the whole idea??

Is it possible that it would pre load some images which are on lets say music.html and i am currently on the index.html page?? This would be nice because the other page would load when someone is looking the index page and then don't have to wait for the next one to load cos' it would have already beed loaded...

Thx for any help...GREETZ

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE