reloading without reloading

Anon

Hello,

I built a page that brings up a random image, and then the user can click on that image to get another image (the script works by calling the random image from a mySQL database).

But when the user clicks on the image to get a new image, the whole page reloads. Is there any way that I can define what I have written as a function, and then somehow have only the function run again (the database query) when it is clicked?

It would be a major improvement to the page, and it would also make my webstats less distorted.

Thanks!!
Jared

cordex

You could use frames and just reload a single element of the frameset, or you could use javascript. I don't see another way of doing this, though.

Anon

I had thought of the frames solution, but I am already knee-deep in tables, so that would probably be a real headache. Thanks for the suggestions, though.

Anon

You could do this:

Rewrite the function to grab 5 or 10
(dunno how big the pictures are) and cache
them client side. Then have js run to
cycle through the pictures when the user clicks on em. Have a counter deincrement from the total # of downloaded pics to 0, when it hits 0, call the func again and reload the page. That way only users dling more that 10 pics will need to reload, dl time will be longer though.

Anon

you could read in array of say.. 10 or 20 random image file names and store it as a javascript array........ and set up DHTML to to change the src of the image... provided your images were the same size and they weren't too huge..

Anon

hehe.. dude...we can up with almost the same solution .. only 38 seconds apart!! hehehe

saltwater

yup, preloading an amount of images is the key to your solution

Anon

I didn't understand what you meant by "cache
them client side." Do you mean storing the images on the client's PC?

If so, how do you do that? Is this sort of like using cookies?

Anon

There is a method of the (I think document)
object in javascript called preload (or somthing like that... been a while since I did any javascript) That lets you pre-download an image to the client. Then you'll want to use javascript to switch the source attribute of the image. Hack away, I'm sure you'll figure it out.