how to load new image without loading new page? - HTML Forums

celadoris · 09-26-2009, 01:41 AM

Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times...

so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript.

thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet)

http://www.paulodourado.com/

Sawtooth500 · 09-26-2009, 04:19 AM

You need to use javascript - you can have javascript preload all your images when the home page loads, then they will be cached.

See http://www.pageresource.com/jscript/jpreload.htm

celadoris · 09-26-2009, 11:48 AM

Quote:

Originally Posted by Sawtooth500

You need to use javascript - you can have javascript preload all your images when the home page loads, then they will be cached.

See http://www.pageresource.com/jscript/jpreload.htm

i think i have it set up correctly, i didn't even mess with the pixel dimensions and it seems to be working fine, can anyone test it out for me?

Sawtooth500 · 09-26-2009, 01:42 PM

They seem to be loading instantly for me - although I'm on an extremely fast connection, you may also want to have someone with a slower connection test it. If it seems like it's going fast, then your mission is accomplished.

Also FYI on 4.html I get a page not found error.

celadoris · 09-26-2009, 05:32 PM

Quote:

Originally Posted by Sawtooth500

They seem to be loading instantly for me - although I'm on an extremely fast connection, you may also want to have someone with a slower connection test it. If it seems like it's going fast, then your mission is accomplished.

Also FYI on 4.html I get a page not found error.

ya all the webpages arent up yet im up to 11 now out of 25 im having a problem where the images inbetween (the numbers x/25) the "clickers" aren't loading instantly even though the larger images are, ive incluced the smaller images in the javascript preload as well...

celadoris · 09-26-2009, 05:35 PM

--edit--.......

Sawtooth500 · 09-26-2009, 06:21 PM

Another option is just to make all the images on a single page and use javascript to change images. That would definitely be smoother than putting each image on a new page.

celadoris · 09-26-2009, 08:03 PM

Quote:

Originally Posted by Sawtooth500

Another option is just to make all the images on a single page and use javascript to change images. That would definitely be smoother than putting each image on a new page.

how would I go about doing this?

celadoris · 09-27-2009, 01:48 AM

******bump

celadoris · 09-27-2009, 03:31 PM

anyone?....

celadoris · 09-28-2009, 05:31 PM

well does anyone at least know of a javascript forum or something?

Pegasus · 09-28-2009, 10:28 PM

I've moved this thread over to client-side scripting for you. Someone here will have the solution for you.

celadoris · 10-03-2009, 02:25 AM

thanks a bunch, BUMP

celadoris · 10-06-2009, 11:43 PM

anyone still?