/    Sign up×
Community /Pin to ProfileBookmark

chick–trying to make new window within window for images…

Copy linkTweet thisAlerts:
Nov 29.2005

I am very new to web design AND these boards…..
I have a site that I have been trying desperately to finish.
And the last part Im on is the photos……

What I would like to do is this.

I have a group of photos.
One photo leads to a POP UP window (java…new window)
where there is several small icons.
In that frame I want to make it so that when you click on the thumbnails
(positioned stacked on each other 3 images across and 4 images down)…
to the right…..the image pops up. The window stays with that image until you click the next thumbnail, or until you close the frame.

Could someone please tell me what code I would need in order to make the table to the right of the thumbnails, and have the pop up stay in that screen?

[url]www.melodygardot.com[/url] is the site….If you Click on Photos….
and you click on a picture in the 2nd row……..in that Frame, I want to make a pseudo gallery

thanks for any help!

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@michele234authorNov 29.2005 — [img]http://i2.photobucket.com/albums/y22/mgardot/example.jpg[/img]
Copy linkTweet thisAlerts:
@michele234authorNov 29.2005 — i attached it too........case that link was broken

[upl-file uuid=58c1fda6-29e8-44b2-87d8-fc5ed9c2a748 size=68kB]example.jpg[/upl-file]
Copy linkTweet thisAlerts:
@TheBearMayNov 29.2005 — Just need to use the onclick event from the thumbnail to set the src attribute of another image to the large version of the thumbnail, i.e.:

<i>
</i>...
&lt;img src="thumb1.jpg" onclick="document.getElementById('lView').src='large1.jpg' /&gt;
&lt;img src="thumb2.jpg" onclick="document.getElementById('lView').src='large2.jpg' /&gt;
....
&lt;img id="lView" /&gt;
....
×

Success!

Help @michele234 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...