Jump to content
xisto Community
Sign in to follow this  
grnjd

How Do You Enlarge An Image?

Recommended Posts

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...

 

Posted Image

 

Posted Image

 

 

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.....

 

Posted Image

 

Posted Image

 

thx for your help

 

Notice from serverph:
fixed image and url tags. removed duplicated image.

Share this post


Link to post
Share on other sites

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 by Albus Dumbledore (see edit history)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
<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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.