Creating a thumbnail gallery

[Bunky]

I am creating a web page with pictures. I would like to have it look like the
following: On the left half of the page, I would like to display thumbnails
of 6 pictures. I know how to do that.
But I don't know how to do this: I would like for viewers to be able to
click on any thumbnail on the left side of the page and have a larger version
of that picture appear on the right side of the page. I want them to be able
to click thru the thumbnails and view larger versions on the right half of
the page without changing pages. How do I do this? Is the easiest way to:
duplicate that page 6 times with the left half the same and the right half
with a different pic? Thanks.

 

[Mike Koewler]

Bunky,

Use an iframe. Size your large view images so they will fit in the frame
and then create a link to each large image. Set the target as framed
document (or whatever ID you give the frame).

Mike

 

[Bunky]

Mike,
Thank you. I will research iframes and try your advice. I'm assuming iframes
is a feature of Publisher. Thanks for your help. Bunky

 

[John G]

You might try Porta, it generates an album just as you describe and
works quite well.

http://www.stegmann.dk/mikkel/porta/

There are other album gnerators too.

 

[DavidF]

Yes, creating 6 pages is the easiest way to accomplish what you want to do.
If you want to make it more complicated, then read John G's reply, and my
reply to his.

DavidF

 

[DavidF]

Good idea John. And the OP can insert the following iframe script, using the
insert html code fragment tool:

<IFRAME src="http://www.yourdomain.com/album/index.html"
width="700" height="500" hspace="0" vspace="0"
frameborder="0" scrolling="auto"></IFRAME>

You would create your album in Porta, create the html output, and upload
that to a subfolder on your site called "album". Change the domain name.
Change the path to the album html depending on where you upload it. Adjust
the width and height.

John, does Porta automatically resize and resample images? If not the OP
will have to do that in advance using a third party program...perhaps
irfanview.

DavidF

 

[John G]

Yes, It makes 3k thumbnails and and 40 or 50 k pictures with the bigest
I looked at a 80k file from a 1meg original.

Did you notice there is a new version 4.0 of Irfanview just out?

Excuse my ignorance of HTML but what does the fragment <IFRAME etc do
for him?

I just upload the whole album folder to somewhere, point the link to it
from the PUB2003 home page and it all works.
By the way you can change the folder name from album to whatever.

See http://johngriff.com/ It is nothing spectacular but it serves its
purpose around the family and to keep a bit of knowledge alive.

 

[DavidF]

John G,

Thanks. I have made an album with Porta, but I couldn't remember if it
resampled the images. That makes it just that much easier to use as you
don't need to resample the images in another program.

Thanks too, for sharing your website with us. I like it! Very clean, nice
looking and easy to navigate, and some great photos. In your case the
advantage of using the iframe would be that you could import your Porta
albums into a page of your site, rather than taking your viewer off your
site to view the albums. Right now when you click on one of your albums, you
leave your site to view the album, and then have to click the back button in
the browser to come back to your site. Not a big deal, but if you prefer to
frame your albums within a page on your site, you can do it with the iframe
code.

For example the trip to Australia, you have the album located here:
http://members.ozemail.com.au/~john.griffiths/Alice/index.html
So if you were to copy the following snippet:

<IFRAME src="http://members.ozemail.com.au/~john.griffiths/Alice/index.html"
width="730" height="560" hspace="0" vspace="0"
frameborder="0" scrolling="auto"></IFRAME>

Then open your Pub file and for the purposes of this experiment, choose any
page where you have some room at the bottom. Insert > HTML code fragment and
paste the code snippet, ok. Then resize the code fragment box so that it is
about 730 pixels wide and about 560 pixels tall. You can play with the width
and height in the code snippet and the size of the code fragment box for
different effects. The Porta Album html will adjust to the iframe window you
create. Then do a web page preview and you will see your Porta album
imported and framed. Just delete the code fragment box when you are done,
and there will be no harm to your Pub file.

The way you are doing it now is just fine, and perhaps preferable for your
purposes, especially since you have multiple albums, but it does give you
the option of framing the album with one of your pages. You could create
individual pages for each album with more description on the page about the
album...

Just another way of displaying your albums in a Pub web page...

DavidF

 

[Bunky]

Thanks JohnG and DavidF. I appreciate your help.
DavidF, I really appreciate your explanation about iframe and prota and I
really want to try it, but to be honest, I 'm not a programmer and you lost
me when you said "Insert > HTML code fragment ". I really think I can do this
with just a little bit more low level detail. But if you are too busy or find
it frustrating to talk at such a basic level, I TOTALLY understand and am not
offended. (I know how frustrated I get when I have to explain to someone what
right mouse click means!!!) Thanks, Bunky

 

[DavidF]

Bunky, you need to orient yourself to Publisher a bit. Just open your file
and look at the menu at the top of the page for insert.

The other way you described it might be the way to start...it will be
easier.

DavidF

 

[Bunky]

DavidF,
Thank you. I just tried it on a sample web page in Publisher and got it to
work. Now that I understand, it's pretty simple. I didn't realize when you
said "Insert > HTML code fragment" that you were referring to Publisher
commands. And yeah, you're right, I'm learning Publisher as I go along. Lots
of learning going on right now in this little head of mine! LOL
Thanks for all your help guys. Bunky

 

[antony09]

Try 3D Thumbnail Generator to create impressive 3D thumbnails.


http://www.softorbits.com/3d-thumbnail-generator