Online since 2002. Over 3300 puzzles, 2600 worldwide members, and 270,000 messages.

TwistyPuzzles.com Forum

It is currently Tue Jul 22, 2014 9:55 pm

All times are UTC - 5 hours



Post new topic Reply to topic  [ 17 posts ] 
Author Message
 Post subject: How do you put a hyperlink into a photo?
PostPosted: Sun Dec 25, 2011 11:02 pm 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
The title says it all. I'm trying to put a hyperlink into a Christmas photo that will be on my webpage. I have paint and Adobe Illustrator CS3 and photoshop CS3 um TuxPaint (but I think that is bugs).
Help please. I want it to look something like this So when I click a number the page pops up.

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Sun Dec 25, 2011 11:39 pm 
Offline
User avatar

Joined: Wed May 13, 2009 4:58 pm
Location: Vancouver, Washington
What you want to use is the map tag. You can try searching for it in that page or try a tutorial.

_________________
Real name: Landon Kryger


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Sun Dec 25, 2011 11:42 pm 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
Thanks. But since I don't know how to program, that does me no good. I know there must be just a button I can hit to make this work.
Does anyone else have any ideas?

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Sun Dec 25, 2011 11:51 pm 
Offline
User avatar

Joined: Wed May 13, 2009 4:58 pm
Location: Vancouver, Washington
What are you using now to make your web pages?

_________________
Real name: Landon Kryger


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Mon Dec 26, 2011 12:08 am 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
a template for dummies!
:lol: :lol:

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 11:27 am 
Offline

Joined: Sun Mar 27, 2005 7:37 pm
You need to create an image map to do that. It's actually quite simple but I only know it in Dreamweaver. I used the same thing for the big photo on my main website page- http://tonyfisherpuzzles.net . You are creating clickable hotspots. If you have a help option then do a search for image map or hotspots. You should be able to do it all with out fiddling with any html. I think it was Tom who came to my help when I asked the same question a few years back.

_________________
Image


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 11:35 am 
Offline
User avatar

Joined: Wed Dec 29, 2004 7:57 am
Location: Στο Κάστρο του Αγίου Γεωργίου
I used image mapper to create my starting page at http://helm.lu (no longer up-to-date)
but I guess poor man's mapper is best for you Rox.

Give it a try!

_________________
...................Image..................
http://cube.helm.lu - http://gallery.helm.lu


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 4:10 pm 
Offline
User avatar

Joined: Sun Apr 30, 2006 4:17 am
Location: Düsseldorf, Germany
katsmom wrote:
a template for dummies!
:lol: :lol:


What kind of template? Any hint could help to give you some help according to your environment.
Your site doesn't look like "dummy"!

Frank

_________________
Jade Club invitation: Please send your real name and your email address to jadeclub@tiex.de.
German Cube Day: gcd@tiex.de.
Anything else: puzzles@tiex.de.

My website: Frank's Puzzle Library


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 9:01 pm 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
It is for dummies Frank. Seriously. I use webs.com as a host and they just have a simple template that I use. The blog is over on blogspot and they too have templates ready made.

I am revamping my webpage and hope to have it done by next Christmas. I thought a clicky overall photo would be nice, and I also wanted to link to a photo in an up-coming blog post...I have since worked out that the blog can't do it, so it's a hastle through google docs and hosting a page or two on my own webpage....
that much I've worked out.

Thanks for the helpful attempts guys. I'll keep trying.

Dreamweaver you say? Isn't that some native american circle thing with feathers that hangs over the bugs bed????

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 10:49 pm 
Offline
User avatar

Joined: Wed Jan 21, 2009 12:58 pm
Adobe Dreamweaver is a web development/editing program. There is a student/teacher version available for a significant discount ($149 instead of $399).
The Native American circle thing with feathers is a dreamcatcher.

Also, there are several free online image mapping tools:
http://www.image-maps.com/
http://www.maschek.hu/imagemap/imgmap
http://www.mobilefish.com/services/imag ... ge_map.php

Skarabajo.

_________________
My collection | My first mod | Making of first mod | Items for sale


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Tue Dec 27, 2011 11:09 pm 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
:lol: :lol: Nope, this is a dreamweaver!

I have that Program. Matt bought me the Adobe professional suite thing a few years back when I got frustrated by the program the Uni had for making PDFs. I'll look into it.

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Sun Jan 01, 2012 3:42 pm 
Offline
User avatar

Joined: Fri Dec 28, 2007 8:27 am
Location: AZ, United States
Katsmom,

If you're still trying to make an image map, I'll be happy to try and hand code it in HTML for you. I can't guarantee superb results, but I'd certainly be happy to try! Shoot me a PM if you're interested!

Ben

_________________
-Ben
I'm with Frank
PB: 2x2- 7.26 | 3x3- 27.69 | Magic- 1.07
In search of Erno Rubik signed cube.


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Sun Jan 01, 2012 4:32 pm 
Offline
User avatar

Joined: Sun Apr 30, 2006 4:17 am
Location: Düsseldorf, Germany
Here's a Dreamweaver CS4 screenshot.
If Dreamweaver knows about your Website (where are your sources and on your computer and how to connect to your webspace) you can simply connect a thumb with a larger file by drag and drop: Mark the picture or text you want to link with the mouse, then press the left mouse button on the icon right to the "Hyperlink" and move it (button still pressed) to the (larger) image you want to link to it. Then the Hyperlink text field will be filled automatically and the necessary HTML code will be generated. If you want to open the new image in the same browser tab, your choice on "Target" (in German: "Ziel") should be "_self", if you want to open another tab, it is "_blank". For other features, as overlay pictures, you'll need JavaScript (another lesson).

On the attachment you can see the link of one of my pages (right) and the according HTML code (center pane).

Of course - as others mentioned - I'll help you more in detail or do this for you.

All the best for 2012!

- Frank -


Attachments:
Dreamweaver.jpg
Dreamweaver.jpg [ 1.76 MiB | Viewed 1752 times ]

_________________
Jade Club invitation: Please send your real name and your email address to jadeclub@tiex.de.
German Cube Day: gcd@tiex.de.
Anything else: puzzles@tiex.de.

My website: Frank's Puzzle Library
Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Thu Jan 05, 2012 1:46 pm 
Offline
User avatar

Joined: Fri Feb 06, 2009 2:57 pm
Location: Pittsburgh
I you want to make the whole image a link, <a href="link><img src="image"></a>.

if you want a rectangular section to be a link, you can slice the image and use multiple images, linking just the one you want to be an image.

_________________
3x3x3 PB: 00:48.10
"Study gravitation, it's a field with a lot of potential."
Image


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Thu Jan 05, 2012 10:36 pm 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
The only way I could sort this on my blogwas to make a linked pdf that was uploaded to google docs then just a photo of it online. A real pain in the bum. I'm still trying to sort the webpage thing.

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Fri Jan 06, 2012 8:14 am 
Offline

Joined: Sun Mar 27, 2005 7:37 pm
katsmom wrote:
The only way I could sort this on my blogwas to make a linked pdf that was uploaded to google docs then just a photo of it online. A real pain in the bum. I'm still trying to sort the webpage thing.



Rox, can you see the code when you edit your site? On Dreamweaver I have normal view, code view and both together. Someone should be able to talk you through it.

_________________
Image


Top
 Profile  
 
 Post subject: Re: How do you put a hyperlink into a photo?
PostPosted: Fri Jan 06, 2012 8:27 am 
Offline
User avatar

Joined: Sun Apr 16, 2000 3:17 pm
Location: Hong Kong
I'm not sure Tony. I'll beg for help again when the week is over-it's fair time! :lol:

_________________
Rox's Rambling Blog
Katsmom's Puzzling Videos


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 17 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 9 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

Forum powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group