Picture Gallery

[us...@domain.invalid]

I'm a novice NOF MX user, on my second site. I want to make
a photo gallery with a page of thumbnails. Clicking on a
thumbnail should then open a new window with a full size
version of the picture. I'm OK as far as making the pages
of thumbnails, but don't know how to open the new page with
the full size picture (I can get the picture size OK).
Anyone help?

David C

[Pesala]

I did it like this: http://www.aimwell.org/Photos/photos.html

Each large picture is on it's own page with a bit of explanation.
Just link your thumbnail to the appropriate page. (Internal Link)

Another way is to link the thumbnail to a file, but you just get the
picture on its own like this:

http://www.aimwell.org/Photos/Mingun/Photo_Mingun_Sayadaw.jpg

The user has to click the back button. You could add borders, a caption,
and a hotspot link to the image itself.

Bhikkhu Pesala

[pes...@aimwell.org]

The freeware graphics program, Irfan View - http://www.irfanview.com - has
a great option for creating thumbnail galleries. I created a brief
tutorial using NetObjects Fusion MX to show how to use Irfan View for
this. Take a look:

http://homepage.ntlworld.com/bpesala/Irfan%20View/Help/Tutorials/Galleries/galleries.html

--
Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

[barefoot]

Hi, this will create a popup of a clicked Thumbnail. You can adjust popup
sizes.

Just add this script to the page HEADER of the Thumbnail page

<script language="javascript" type="text/javascript">
<!--
/****************************************************
Author: anon
Url: http://redrival.com/eak/index.shtml
This script is free to use as long as this info is left in
Featured on Dynamic Drive script library (http://www.dynamicdrive.com)
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(scre
en.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((scre
en.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosi
tion=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") ||
pos==null){LeftPosition=90;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+'
,scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolb
ar=no,resizable=no';
win=window.open(mypage,myname,settings);}
// -->
</script>

Add where you have your 1st thumbnail (you will need to change where you
have you image stored)

<a href="Thumb_Mahasi_Sima.jpg"width=700
onclick="NewWindow(this.href,'','630','740','yes','center');return false"
onfocus="this.blur()">
<img src="Thumb_Mahasi_Sima.jpg" width=200 border=0 ALT="The Gateway to
Mahasi Yeiktha"></a>

Repeat this bit for every thumbnail.

Hope this is useful

barefoot

<us...@domain.invalid> wrote in message
news:c753gq$jr...@news01.netobjects.com...