cancel
Showing results for 
Search instead for 
Did you mean: 

Creating a link from a smaller image to enable people to view a 'full size image'

Hairflair73
Member

Hi,

 

I am completely new to Web hosting and I want to know how to create a link from a small image on my web page to enable customers to view a 'full size' picture in a different page. I haven't a clue.

 

Thanks,

 

Hairflair

1 ACCEPTED SOLUTION

Accepted Solutions

orchie
Grand Master

Ok, you need to change the following:

 

"URL OF IMAGE e.g. http://www.myshop.com/myLARGEimage.jpg"

 

You need to change the line above to where the large image is, so if my website was www.bt.com and my image was called "portrait.jpg" then between the speech marks in this line you would have http:///www.bt.com/portrait.jpg for example.

 

<img src="mySMALLimage.jpg" alt="name of image" />

 

On the line above you need to change "mysmallimage.jpg" to the name and location of your small image file the same as for the large image explained above. Where it says "name of image" you need to change this to the description of the image, so for example if my image was "portrait.jpg" I might put here alt="A portrait of me at 29 years old".

 

Does this make sense? If not can you post the name of the image, where it is on your server for example in an "images" or "img" folder and your domain name?

View solution in original post

7 REPLIES 7

orchie
Grand Master

Hey Hairflair73,

 

Use the following code and the image will open in a new window:

 

<a href="URL OF IMAGE e.g. http://www.myshop.com/myLARGEimage.jpg" target="_blank" /><img src="mySMALLimage.jpg" alt="name of image" /></a>

 

If you need any more help just post back.

 

Edit: Added Large and Small to make it easier to understand

Message Edited by orchie on 03-06-2009 02:34 PM

Hairflair73
Member

Orchie,

 

I have tried what u suggested, but it took me to webshop, to which I'm not subscribed??? I really am very new to this. Im sorry seem a bit thick, but do I have to be subscribed to web shop? 

Hairflair73
Member

Did u mean just the link in blue, or all the grey writing too?

 

orchie
Grand Master
Yeh, you need everything from the the first <a to the last <a/>

orchie
Grand Master
If you need som emore help can you post the link to you website?

Hairflair73
Member

Orchie,

 

When I do exactly what u said this time this link keeps appearing?

 

The requested URL //esw_preview/<a href="URL OF IMAGE e.g. http://www.myshop.com/myLARGEimage.jpg" target="_blank" /><img src="mySMALLimage.jpg" alt="name of image" /></a> was not found on this server.

 

Any suggestions?

 

I just copied and pasted from your previous message?

 

Thanks for taking time to  help me.

 

 

Hairflair73

 

 

orchie
Grand Master

Ok, you need to change the following:

 

"URL OF IMAGE e.g. http://www.myshop.com/myLARGEimage.jpg"

 

You need to change the line above to where the large image is, so if my website was www.bt.com and my image was called "portrait.jpg" then between the speech marks in this line you would have http:///www.bt.com/portrait.jpg for example.

 

<img src="mySMALLimage.jpg" alt="name of image" />

 

On the line above you need to change "mysmallimage.jpg" to the name and location of your small image file the same as for the large image explained above. Where it says "name of image" you need to change this to the description of the image, so for example if my image was "portrait.jpg" I might put here alt="A portrait of me at 29 years old".

 

Does this make sense? If not can you post the name of the image, where it is on your server for example in an "images" or "img" folder and your domain name?