Hi! I would like to know how to make a photo clickable to redirect people from my blog to my Facebook page.
I'm not a computer science student nor do I have a heavy duty level of expertise in HTML, but I can follow simple instructions. I'd like to make the photo so that when people click on it, they are sent to my FB page. I tried making one on Easy Hyperlinks but they asked for information I did not have. This is what they wanted:
1- The target URL (I could provide that, my FB page URL)
2- Image URL (that, I assume would be the URL of the photo after I post it on my site)
3- ALT Tag (I don't know what that is nor how to get it.)

I would greatly appreciate a mini lesson on how to write this code.

Thank you so much!

Clotilde

Recommended Answers

All 14 Replies

You are correct on 1 and 2. 3, or "alt" is used for alternate text. If the picture cannot load, the text will be displayed on the screen. In addition for text based browsers, this information will be displayed when the picture cannot be seen.

Here is an example on how to write the HTML markup. Of course, update the href for the anchor element (hyperlink) and src attribute for the image.. Also adjust the height and width values. As a note, the alt, height, and width attributes are optional for the image element. However, using the height and width is recommended so that the browser knows exactly how much space to reserve on the page while it downloads the image. Otherwise, without these attributes, the content on the page will move around during the image loading.

<a href="http://facebook.com/yourProfile">
  <img src="imageSource" alt="my picture" height="128" width="128" />
</a>

Thank you very much, JorgeM! I will try your solution.

Clotilde

Yeah am agree with JorgeM.Thanks it works.

Use this code..
<a href="websites url that you want to redirect, when someone click on your image">
<img src=""></img>
</a>

And for future rerefence, this is called a link or even hytperlink. "redirect" is a very specifric web developement term tha means something else (simliar but still something else).

Hyperlinks are one of the first features of html in fact.

. . . . um or so I hear . . . I'm no where near old enough to actually know . . .

You can make use of "a href" tag for the image to make it clickable and redirect to another website.

i we use Blogger how to it?

The last post in this thread see you must. :-)

@JorgeM code should work - Thats the simplest solution available

Yeah am agree with JorgeM.Thanks it works.

In wordpress, when you add a photo you can make it link to any URL you want. When you upload the image and you see your 'image display settings' on the right, scroll down to 'Attachment Display Settings' and change the 'link to' option to 'custom URL' then enter the URL you want it to link to. No plugin or HTML link code needed.
Cheers,Bestia

Images plays an important role in making a website interactive. Furthermore you can apply many animations to them like when you take your mouse over them, then they should perform some action like fading/show information/change color etc.
But when you want to put a clickable event on your image or just want to put a link on that image , that can either be done using HTML or JavaScript.
let me explain you what those tags actually do...
1.Target url: it asks you put the URL of that website on which you want your user to take.
2.Alt: (alternative tag) It allows you to provide an alternate to your image as like if your image won't appear then the information that you have provided in <alt> tab.
3.image URL : the name of your image with extension like "image.jpg".

I hope this would help you.....

Thanks to join me

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.