[DaisyDams]

Hello All

I have been trying to figure out some code I got from a "view source" and as there is no contact address on this particular site, I cannot ask him how he did it. (http://www.tappy.info/showPicsForADay.php?dateID=2)

Quite simply, I'd like to modify what he has done, which is to have a number of small thumbnail images (40x40 pixels) on the left, and when you click on them, the main image is displayed on the right, which is a box 495x372 pixels.

Within the code there is the use of "displayPic.php" and "iFrame", neither of which I seem to have any bearing on what is displayed in this right hand larger image box......

I cannot see any evidence of JavaScript at work here, but I wonder if some of the code has been hidden. Perhaps it is Flash code.

It all looks quite simple on the browser, so I put it to anyone who has got this far......can you explain this code, or pass on a simpler version which creates the same effect?

Many, many thanks to all who put forward suggestions.

[philzilla]

you'd need his/her actual php script. the one that's doing all the work. you only see html, because php is parsing the code, and outputting html

you could hard-code a similar page, and have the larger images as layers, which are hidden/shown, depending on which thumbnail is active

[Arkham_c]

His is a PHP script, but you can do that in JavaScript quite easily.

I did something similar when I sold my G4 here:

http://cgi.ebay.com/ws/eBayISAPI.dll...14912&rd=1

It's pretty straightforward and you're welcome to borrow it.

[redJag]

Do you just want to do the effect? Not the PHP part of it? If so, you just put in an iframe, label it with and id, and then have the thumbnails be links with target=[insert iframeID].

[DaisyDams]

I'm new to php, and have stuck to html and JavaScript when writing pages for the web so far.

Just after the simple effect of what was produced....

I'll fathom out that code, Arkham_c' as well as investigating how an iframe with an id might work -thanks redJag, (fancy posting an example?!).

This might keep me busy for a while!

Thank you all for comments, I'll keep you posted...

[piot]

Hi Daisy,

Why can't you use a simple frameset?

The result would be almost indistinguishable!

[redJag]

<A href="http://slashdot.org" target="myFrame">Go to slashdot!</A><br><br>

<iframe src="http://www.google.com/" name="myFrame" width=400 height=300 frameborder=1>
</iframe>

code:
&lt;A href="http://slashdot.org" target="myFrame"&gt;Go to slashdot!&lt;/A&gt;&lt;br&gt;&lt;br&gt;

&lt;iframe src="http://www.google.com/" name="myFrame" width=400 height=300 frameborder=1&gt;
&lt;/iframe&gt;