more on thumbnails

ront02769 · May 8, 2001

hi. have gotten my thumbnail problem MOSTLY straigntened out. NOW what I need is a way to have the pix referred to come up nice and neat in the middle of the page.

I did it with individual player pix by having a seprate htm page for eACH player with appropriate size pix, some bio stuff, etc. on it.

but is there an EASIER way to have several DOZEN pix come up properly without making a separate page for each??

site is at

http://www.tauntoneagles.com/new_page_2.htm

thanks.

ront

Javrix · May 8, 2001

Well, this might seem a little complicated, but if you don't want an entire .htm page for EACH picture, you could make 1 .asp page.

Ok, you're going to love me for this. I'm going to point you to a url, take a look and tell what you think. This is exactly what you have now, but ONLY 2 PAGES, instead of the extra 8, one for each picture.

It's a really easy script, and you'll have no problem managing it.

http://www.csolutions.net/~javrix/rontspage.htm

check it out. ~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

ront02769 · May 8, 2001

THANKS! looks like a good approach. being mostly totally new to the thing though I'm going to have to spend some time figuring out the code.

thanks again!!!!

ront

Javrix · May 8, 2001

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&quot

%>
<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&quot

"

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&quot

". 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 · May 8, 2001

One other thing. If you try to run the .asp page on your computer at home (not from the net), it will not work. Why? You have to set up this thing called IIS and it gets kinda ugly. So type (or copy and paste) the script, throw it on the net, and then test it and look at it.

Tell me if you have any problems. I am the ASP and HTML god.

~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

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

more on thumbnails

ront02769

MIS

Javrix

Technical User

ront02769

MIS

Javrix

Technical User

Javrix

Technical User

Similar threads

Part and Inventory Search

Sponsor