[Resolved] External loading of jpegs

mullz

Hi there,

Is this possible..

Can you have a php page with 10 buttons on the bottom.. an image is displayed in a table in the centre of the page..

Each of the 10 buttons need to be able to load a different image, can this be done with just one page and the php script loads the page again but with the diff image on?

Cheers phpers

bad76

Hi,
the php to "feel" the buttonpress has to reload a page, because the buttonpress is client side event, when php is a server side language.

To reload you can:
- put the big one in a frame and reload only the frame
- using the javascript to load dinamically the image. (because the image are big, don't look for any precached-image-rollover script on the net, it load all image at same time !!! Else with javascript you can access to src of image and setting it to some like "loadimg.php?id=1" you can access to image with php too...)

see you

mullz

ok so how do I with a click of a button change the scr and change the image.. I don't want to use framesets, The dynamic sounds good but know nothing about javascript!!

Any help?

Cheers

cgraz

You assign a name to your image

Then make links like this:

<a onClick="document.main_img.src='image1.jpg'">Image1</a>
<a onClick="document.main_img.src='image2.jpg'">Image2</a>
<a onClick="document.main_img.src='image3.jpg'">Image3</a>

It's late and this isn't tested, but I'm pretty sure this will work.

Cgraz

bad76

And
if you want access to image with php (from a db, for example...)
you can write some like this:

<a onClick="document.main_img.src='getimage.php?id=1'">Image1</a>
<a onClick="document.main_img.src='getimage.php?id=1'">Image2</a>
<a onClick="document.main_img.src='getimage.php?id=1'">Image3</a>

where getimage.php is a script that load any image and put on standard output.

mullz

bad76 - cgraz, I think I love you.. 😃

All is working great..