RE: List boxes and Thumbnails

by "Charlton, Mark" <Mark.Charlton(at)sgcna.com>

Date:	Mon, 06 Nov 2000 20:02:44 -0500
To:	"'Ariston Collander'" <AristonITPro(at)excite.com>
Cc:	"'hwg-techniques(at)hwg.org'" <hwg-techniques(at)hwg.org>
	todo: View Thread, Original

Hi

My initial thought would be to use a javascript event on the onchange for
the list box, and then have an image for which you just change the source
based on the value of the listbox.  Then they could hit the image and load
the large picture.

The code below is probably wrong in so many ways but in principle I hope
someone with better coding knowledge can touch up the details for you.  If
previewImg is an image object somewhere on the page, and listbox is a
listbox.  I hope that you can see the idea I am getting at.

HTH
Mark

========= code ============
<html>
<body>
<select name=listbox onchange="switchImage();">
<option value=pic1>Sunflowers</option>
<option value=pic2>StaryNight</option>
</select>
<a href="javascript:showBig();"><img src="InitialThumb" width=100 height=100
name=previewImg alt=SampleImage></a>
</body>
</html>

<script language=javascript>
<!-- // Stuff

function switchImage() {
	document.previewImg.src = "graphics/" + document.listbox.value +
"thumb.jpg";
	}

function showBig() {
	window.open('graphics/' + document.listbox.value + '.jpg');
	}

// -->
</script>

> -----Original Message-----
> From: Ariston Collander [mailto:AristonITPro(at)excite.com]
> Sent: Monday, November 06, 2000 16:15
> To: hwg-techniques(at)hwg.org
> Subject: List boxes and Thumbnails
> 
> 
> Hello all,
> 
>   I am working on a website for an art studio which has a lot 
> of pieces of
> artwork in several categories.  As a result I have used 
> list/drop-down menus
> in order to select which image a user wishes to see.
>   Unfortunately, with so many images, and even so many 
> categories, I don't
> want to simply pack a whole bunch of thumbnails on a single page.  My
> question is this:  Is it possible that based on a selection 
> from a list box,
> a thumbnail can be brought up in another frame from which the 
> user can view
> the whole image?
>   I want the users to go through the list, but simply have to 
> click on the
> image they want to see as a thumbnail, and also without 
> having to click any
> buttons.
> 
>  The site is:  http://www.thefinelinegallery.com
> 
> Thanks to anyone who can help...
> ===============================================
> Ariston C. Collander
> Aspiring IT Professional, Web Designer
> "No one person's opinions could be said to be
> truer than another's.  For each is the sole
> judge of his or her own experiences." -Protagoras
> 
> 
> 
> 
> 
> _______________________________________________________
> Say Bye to Slow Internet!
> http://www.home.com/xinbox/signup.html
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.