How Do You Enlarge An Image?

Hey everyone, I need some help on how to make a small image bigger once you click on it. If you know ebay, then you know what I'm talking about. There are always sample pictures of the product that the seller is selling. Once you click on the tiny pictures, the tiny picture becomes larger. Look below...

 

 

 

 

Also, how do you for example..........click on a link, and the link automactically takes you like half page down to see a picture? The link will not take you to another page, it wil just take you to a different part of the same page as the link itself.

 

for example.....

 

 

 

thx for your help

 

Hello! lol for your second question you can use somthing like this..... for the text that you want to make a link put this around it

<a href="#TEXT TO DIV TAG">TEXT YOU WANT HERE</a>

and what it means by the DIV tag is this,

<a name="DIV TAG NAME">TEXT HERE</a>

put that in the place on the page where when clicked it will take you to the page, you need to heelp the # sign in or it wont work..and where it says TEXT here, that is where you put the content that you will be brought to once clicking the link....

for an example of this please go to my site Here and view the source and maybe you can get a better ideal etc..well i hope this helped..i have to go somewhere now otherwise i would help you with the image problem, if no one has when i get back i will gladly do it

edit, i have a second you CAN use this

<A HREF="paperboy.gif"><IMG HEIGHT=50 WIDTH=50 SRC="paperboy.gif"></A>

just change the height and width attirbutes and you have a thumbnail size!! i will post if i find a better one
Edited March 4, 2006 by Albus Dumbledore (see edit history)

Well, there are lots of ways of doing that thing!

But, I just love this way..it is basically a javascript from dynamic drive and I've applied it on one of the site of my friend as well!

Here's the link to the javascript..I am sure most of you will love that effect :

http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

well whereon this topic does anyone know how i can make a banner header smaller and where i edit the code to make it smaller. Thanks if anyone knows

<a href="Large_pic.jpg" width="400px"><img src="thumbnail.jpg width="100px" /></a>

This code makes it so that there is a small picture displayed and when you click it, it converts to a larger picture. Problem with it is the full image has to load, so the page may take longer to load.

For making "Links" on your page, there doesn't have to be anything displayed.

 <a id="anchor_name"></a>

Place this somewhere inside your page. and when you click on the link here:

 <a id="#anchor_name">Click this link!</a>

you will be taken to that spot on the page.

 <a id="#">Click this link to go to the top of this page!</a>

Using "#" as the named id will move you to the top of the page.
Also, use "id=" instead of "name=". "id=" is the
standards Compliant (preferred) way.
"name=" will work for most Browsers, but is deprecated by the w3c.

<a name="DIV TAG NAME">TEXT HERE</a>

Thanks for all your help everyone! I need that, thx

your welcome! that is what everyone is here for, a little help now and then. lol

ok thx guys. But I really, just want to know how to make a thumbnail open up on the same page instead of opening in a new page...Anyone know how to do this?

Can anyone answer me? I just want the thumbanil to open on the same page instead of a popup.

how to do it in flash?

 I have small pictures, like thumbnails and when you click at one of them there must appear a bigger version below. Doesn't matter if it's a 'new' image with the right bigger size or enlarge it with code...

 thanks!

-reply by irish