Ok, if you want to keep it like that, this is what you need to do:
Step 1) rename all your pictures to just numbers, this way you can add more if your site expands. The thumbnails, name t1.jpg, t2.jpg, etc.
Step 2) Do whatever you want to the htm page. But kill the links on the pictures. And add this code to the page, this is the "I want to see picture" code:
<FORM ACTION="rontspagepicture.asp" METHOD="post">
I want to see
<select name="picture" size="1">
<option value="1">Picture 1</option>
<option value="2">Picture 2</option>
<option value="3">Picture 3</option>
<option value="4">Picture 4</option>
<option value="5">Picture 5</option>
<option value="6">Picture 6</option>
<option value="7">Picture 7</option>
<option value="8">Picture 8</option>
</select>
<INPUT TYPE="submit" VALUE="Go">
</FORM>
Remember, you can put this anywhere on the page. You can rename the "rontspagepicture.asp" to anything you want, just remember to keep the .asp at the end!
Step 3) Ok, I'm going to give you a huge crash course on ASP. Don't worry, it's not hard, and you'll understand it!
This is the ENTIRE .asp page that your pictures show up as. Let's take a look and then rip it apart:
<% @Language=VBScript %>
<%
dim picture
picture=Request.Form("picture"
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ront's Page - Picture <%=picture%></title>
</head>
<BODY BGCOLOR="FFFFFF" TEXT="000000">
<CENTER>
<TABLE WIDTH="750" VALIGN="top" ALIGN="center">
<TR>
<TD VALIGN="middle" ALIGN="center">
<H3>
Over 35's in their 4-0 win. May 6th, 2001
</H3>
<P>
<H2>Picture <%=picture%></H2>
<BR>
<IMG SRC="<%=picture%>.jpg" ALT="Picture <%=picture%>">
</TD>
</TR>
</TABLE>
</body>
</html>
Not to scary, eh? Ok, the first thing is the <% %> tags. These are new then regular < > HTML tags. They're asp tags. ASP is another web language. The cool thing about asp language/tags is that when someone looks at the page, they don't see them. Try looking at the source of the .asp page, you won't see any asp tags at all.
The first line in the page is "<% @Language=VBScript %>".
Don't worry about this line for now.
The next thing is "dim picture". "dim" means we're telling the page this is a variable. We called the variable "picture". Easy enough.
Next we tell what "picture" is, and what it is supposed to do.
"picture=Request.Form("picture"
"
This looks kinda scary, but take deep breath, it's not that hard. First we say "picture=". Again, this means that we're telling the page what picture is and what it's going to do. Next we have "Request.Form" This means we're requesting information from the form. What form? The form from the last page. Remember, the person selects which picture they want to see, then they hit "go". That's all in the form page, and it sent the information that the person selected to this page.
Next we have " ("picture"
". Remember the <SELECT> tag from the last page? Well it's "name" was picture. So we're requesting information from the form that was called "picture".
Ok, so let's take a step back and look at. Let's say I selected picture 3. The "value" of picture 3 is "3". We hit "go" and it takes us to the next page. All of that fancy ASP code does the magic for us. It get's whatever information we sent from the previous page, in this case "3". Making sense? I hope so. So now, throughout the rest of the page, our "picture" is actually the value of "3".
So in the <TITLE> tag in our .asp page, we see it says:
<title>Ront's Page - Picture <%=picture%></title>
There's an ASP tag again. "<%=picture%>" means it's going to display whatever picture is. In this case, 3. So when you see the page, you won't see <%=picture%>, you'll just see 3. The same throughout the rest of the page. It's going to display <%=picture%>.jpg. So in this case 3.jpg. And like magic, it pulls up that picture.
If you have any problems, let me know. I always try to respond fast!
Hope this makes sense and helps! ~Javrix
A broken clock is correct twice per day.
A roomful of monkeys on typwriters will eventually write the great american novel.
If you gave an infinate number of rednecks, an infinate number of shotguns to shoot at an infinate number of stree
~Javrix