I am making a website and I want the pictures to be a thumbnail and have people click on it and make it go...?

Question

into a bigger picture on another page? How do I do that with HTML

Answer 1

First you want to resize your original photo to a thumbnail size like about 150x150 (or what you think is best) and save it as something like "originalphoto_thumb.jpg" (note: it's good to use all lowercase letters and no spaces in webpage file names.)

Create a directory named "images" and one inside that named "thumbs" -- (now you have the directory(s) "images/thumbs" --- that's to help keep everything organized.)

You want to upload your original to "images" and the thumbnail to "images/thumbs" (which goes without saying, right?)

Now you want to make a new html page to display the original photo (like "originalphoto_page.html". Inside that page put:
(I'm using the 640x480 size as an example, and the "alt" is what text is to be displayed if the image doesn't show for some reason.)

That page should be in the same directory as the page with the thumbnails (let's say your main directory).

Now the page you want to display the thumbnails (let's say it's your main page or "index.html") you want to put in:

"originalphoto_page.html">
"images/thumbs/originalphoto_thumb.jpg"
width="150" height="150"
alt="my photo thumbnail" />

(as "Josella" said, the code should be unbroken and one line, Yahoo keeps cutting it off and putting "..." in there!)

make a page for each photo and you can just space the thumbnails out the way you want on your main page.

You can use this site I made as a reference but try to ignore the code for the tables. It might confuse you.
In your web browser go to your menu bar and find a selection to "View Source" to view the source code on the page (or you may be able to right-click and have a "view source" option), click on a thumnail to view the source on the page with the photo. (this site will be up for a couple more weeks.) http://www.11502albion.com/index.php

HERE'S AN ALTERNATIVE: this site has a tool to make a slideshow with javascript: http://www.ricocheting.com/js/slide.html

An example is here: http://www.11502albion.com/slideshow.html

Answer 2

I did the thing for awhile, too. Yes, that works, and I use it on several of the smaller websites I wrote. Then, on some of the larger websites, I noticed I was duplicating alot of html!. I came up with a different version, which is to use

...where something.php is a little php program that creates a standard html file that displays an enlarged img on a very simple web page, with a link back to the page on which the thumbnail was located.

Answer 3

My biggest problem with designing websites is that clients tend to just want to "see" something and then they have you make something and run off. I hope this isn't your case. Standard prices run around 500$ for a basic 8 page website. $100 for graphic buttons, and extra 200 - 300$ for a flash introduction and about 40$ an hour for programming and script setup. One of the tricks is to half the programming fees when you first start out because lets face it, once you've done something once, doing it again takes half the time. A full programmed flash site runs about 2000.00 BTW. Monthly hosting is around 30$ a month standard.

Answer 4

bigpicture.htm could be (assuming above is in index.htm):







Go Back

Answer 5

the better way is open office front page there u can do what ever u wanna do coz there is lot's of tools or u can do it in split view if u like to write in tag

Answer 6

The code should be unbroken on one line, and insert your own image pixel dimensions (instead of "99").