open pics in same page?

[georgeafi]

Ok i don't know how to decribe this. Basically want i am wanting to do is have all my pics scroll on the bottom the the page and when you click on one it will appear above them in the center of the page. Kinda like on windows when you double click on a folder of pics in you pictures area. I don't know where to even begin to start this. I plan on taking around 400 pics at a concert i am going to. So i need to make room fo those. Thanks for any help.

[PeOfEo]

This is not going to work, to have 400 pics on one page but here is how to do it. Make a frameset, Have a small horizontal frame at the bottum of your page and put the pics in a table to something of that nature and when the thumbnails load up and all of these things are in the same row it will stretch the width of the bottum out giving your scroll bar. Next your links depending on which frmae it is you will want to insert a target. Ok on the bottum you will have a link opening your main image <a href="image1.jpg" [b]target="_parent" or framename or whatever><img src"thumb1.jpg"></a>
Thats the frame way to do it. Dont want to write a frameset? Make it an Iframe instead. You can do it with 2 iframe but I dont reccomend this way because communicating between these then gets complicated, You might want to look into an Ilayer for your thubnails and an ifmae in the middle and there are many other ways to do it. By far the easyest way though, in my opinion atleast is the frame method. You might want to make it a server side gallery though because doing this code for 400 pics will get tedious, you can download php gallery scripts and other things from lots of places. If you dont know how to do a frameset go to http://htmlgoodies.com/tutors/frame1.html

[georgeafi]

Well i can't get the pics to stay in the same line. Here's how i have the table set up:

<table><tr><td>
<a href="images/AFI Soundcheck Winter Shows 2003 001.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 001.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 002.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 002.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 003.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 003.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 004.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 004.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 005.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 005.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 006.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 006.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 007.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 007.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 008.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 008.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 009.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 009.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 010.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 010.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 011.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 011.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 012.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 012.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 013.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 013.jpg" border="0"></a>
<a href="images/AFI Soundcheck Winter Shows 2003 014.jpg">
<IMG SRC="images/snAFI Soundcheck Winter Shows 2003 014.jpg" border="0"></a></tr></td>
</table>

Is there something that should be different?

Heres how it looks right now. I don't have the links set up yet.

http://georgeafi.bravepages.com/test.html

[georgeafi]

Nevermind i got i working. I'm so smart. :rolleyes:

[georgeafi]

Ok, so mabey not that smart. I can't get the links to go into the top frame. I used the link in PeOfEo's post and it won't work. Can anyone help here?

[khaki]

Hi George (aka Smarty-pants ;) )...

The link needs to be something like this:

<a href="image1.jpg" target="WhateverYouCalledTheTopFrameName"><img src="thumb1.jpg"></a>

Is that what you tried (or did you include the unintentional [b] in there? :eek:
(or maybe leave-out the "=" in the source part like peo?)

ummm... and just a note:
I'm scootin' around on a cable modem and I'd rather have a root canal than access a site with 400 images on one page :eek: .
Maybe you might consider scaling-back a bit on the imagery ;)
(just a polite suggestion :) )

So... what concert was it?

;) k

[georgeafi]

I haven't gone yet. It's tomorrow. The band is AFI, the band my site is about. And i figured 400 on one page is a lot so i will most likely separate it into 4 or 5 sections mabey 6. I'll try the link you gave me but i think i alrady tried it. I'll be right back. :)

[georgeafi]

Ok it didn't work. Here a link to the page so you can see what happens. It's the first pic on the left that has the link you gave me.


http://georgeafi.bravepages.com/test.html

[DaveSW]

I think the target should be 'top' not 'main.html'.

Dave

EDIT: sorry: I mean the other way round. main not top.html.

[khaki]

Hi George...

Actually the link that you have is not the same as what I provided for you to try.
You have:

<a href="images/AFI Soundcheck Winter Shows 2003 001.jpg" target="top.html">
<img src="images/snAFI Soundcheck Winter Shows 2003 001.jpg" border="0">
</a>

For some reason, you are targeting an html page.
You need to target a frame.
Use this (exactly):

<a href="images/AFI Soundcheck Winter Shows 2003 001.jpg" target="main">
<img src="images/snAFI Soundcheck Winter Shows 2003 001.jpg" border="0">
</a>

...and that should accomplish what you are looking to do.

Enjoy the show!...
;) k