Open image in same table

@david_ukMay 25.2005

Hi Guys,

New to the board, thanks for having me.

I have a table with two colums, with the left hand column containing large image and the right hand column around 6 small images, at the moment I’m using the onclick method to popup a new window with no resize or scrolling properties etc… however,

Ideally I would love to have the user click the small image on the right and have the larger same image open in the left hand column…

Can anyone help please?

? David.

to post a comment

JavaScript

@KorMay 25.2005 — #Hore are named you pictures' files?

ex:

smalls = pic1_small.jpg, pic2_small.jpg...

bigs = pic1_bigl.jpg,pic2_big.jpg...

?

Or how? And which is the relative url of those pictures

ex: images/pic1_small.jpg or pics/images/pic1_small.jpg ... or how ?

@CharlesMay 25.2005 — #

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 &lt;meta name="Content-Script-Type" content="text/javascript"&gt;
 &lt;meta name="Content-Style-Type" content="text/css"&gt;
 &lt;title&gt;Example&lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;iframe name="bettie" style="border:0; float:left; height:400px; width:250px"&gt;&lt;/iframe&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href="http://www.bettiepage.com/images/photos/bikini/bikini1.jpg" target="bettie"&gt;&lt;img alt="[bettie page]" src="http://www.bettiepage.com/images/photos/bikini/bikini1_a.jpg" &gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="http://www.bettiepage.com/images/photos/bikini/bikini2.jpg" target="bettie"&gt;&lt;img alt="[bettie page]" src="http://www.bettiepage.com/images/photos/bikini/bikini2_a.jpg" &gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="http://www.bettiepage.com/images/photos/bikini/bikini3.jpg" target="bettie"&gt;&lt;img alt="[bettie page]" src="http://www.bettiepage.com/images/photos/bikini/bikini3_a.jpg" &gt;&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@david_ukauthorMay 25.2005 — #Yes the http is

..images/large_1.jpg and

..images/small_1.jpg

and yes the images are named as such.

@KorMay 25.2005 — #well...first time I was thinking of a javascript solution, but Charles gave you a simplier pure HTML solution. It has the advantage that it is to to be seen even by the users which have javascript disabled (except that, upon your needs, you may further make your iframe without scrollbars, using CSS attributes)

If you still want a javascript solution, I will give it to you, but first try Charles'. It's a good one.

@david_ukauthorMay 26.2005 — #Hi, I agree, I was actually looking for a solution in Javascript but the html will work fine.

Can you let me know how to keep from showing scrollbars etc...

Thanks,

David.

@KorMay 26.2005 — #http://www.w3.org/TR/html401/present/frames.html#h-16.5

Open image in same table

6 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Open image in same table

6 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #JavaScript _↴