9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

How to make web images clickable??

by Chrissy Allen
8 replies
  • WEB DESIGN
    • |
Hey guys,

I would like to pimp up one of my websites.....

I have a number of images ie flyers/posters that i stick up to advertise for other companies etc and i would like to make them clickable so that they direct straight to there sites, WHEN SOMEONE CLICKS THEM

Any help on how to do this would be really appreciated !!

Warm Regards,



Chris Allen
#clickable #images #make #web
  • Profile picture of the author dandelioncs
    Hi Chrissy,

    Do you want your images clickable on your web page? If so, you can just put :
    <a href="[website's link]"><img src="[image directory]"> </a>
    Hope it helps!
    {{ DiscussionBoard.errors[9107804].message }}
    • Profile picture of the author Chrissy Allen
      Hey Dandelioncs,

      Yeah clickable on my website BUT redirecting to other websites.

      Basically i will recieve a flyer via email, i want to put it up on my site but make it clickable so it goes to the relevent site that provided the flyer.

      so <a href="[website's link]"><img src="[image directory]"> </a> Im assuming i put the external website link in the [websites link] bit BUT what do i put in the [image directory] ??

      Cheers
      Signature

      Chris Allen

      {{ DiscussionBoard.errors[9108515].message }}
  • Profile picture of the author Sgt Kraut
    This might makes it more clear:
    Code:
    <a href="yourclientswebsite.com"><img src="pic.jpg"></a>
    What is written at img src depends on the location of the picture. Maybe you have a folder called "images" on your server where all your pictures are stored. Then it would be
    Code:
    <img src="images / pic.jpg">
    (without the empty space before and after the slash)
    {{ DiscussionBoard.errors[9108549].message }}
    • Profile picture of the author dandelioncs
      Originally Posted by Chrissy Allen View Post

      Hey Dandelioncs,

      Yeah clickable on my website BUT redirecting to other websites.

      Basically i will recieve a flyer via email, i want to put it up on my site but make it clickable so it goes to the relevent site that provided the flyer.

      so <a href="[website's link]"><img src="[image directory]"> </a> Im assuming i put the external website link in the [websites link] bit BUT what do i put in the [image directory] ??

      Cheers
      Originally Posted by Sgt Kraut View Post

      This might makes it more clear:
      Code:
      <a href="yourclientswebsite.com"><img src="pic.jpg"></a>
      What is written at img src depends on the location of the picture. Maybe you have a folder called "images" on your server where all your pictures are stored. Then it would be
      Code:
      <img src="images / pic.jpg">
      (without the empty space before and after the slash)
      Just like Sgt Kraut's reply, you want to put a link path from your image location. Do you have a web builder software or handcode your HTML?
      I can help you make that code right here if you want.
      {{ DiscussionBoard.errors[9108618].message }}
      • Profile picture of the author Chrissy Allen
        Guys thanks for your help!!

        If you go to my site, you will see affiliate ads in the side bar that are clickable, i now have several local much more relevent type business that want this space. I want to put there images up and make them clickable.

        You said - Do you have a web builder software or handcode your HTML?

        I have a wordpress site and that is it!!

        Here's one of the sites Rave Music 90s - Wicked Rave Sets from the 90s
        Signature

        Chris Allen

        {{ DiscussionBoard.errors[9108695].message }}
  • Profile picture of the author dandelioncs
    Wordpress has ability to put image with a link, correct? They WYSIWYG version when you create a content, if not you can just tweak it a bit.

    Just insert the picture you have (you could upload it or if you know the location of the server - please use that path), then look for the HTML editor on that content you are making, you will see HTML tags.

    Look for :
    <img src="[your-path/images/pic1jpg]">
    From here, put <A> tag before and after like:
    <a href="http://www(dot)your-affiliate-link(dot)com"><img src="[your-path/images/pic1jpg]"></a>
    Hope that helps...
    {{ DiscussionBoard.errors[9108757].message }}
  • Profile picture of the author websense
    if you need to get the Image URL simply upload it to your wordpress blog > click "Media" on the left side > then right click the image and "Copy image URL. Then simply paste that URL in the Img Src as seen above.

    If you click the image in the "media" tab you will then get the full size image to right click and "copy URL" of
    {{ DiscussionBoard.errors[9108791].message }}
  • Profile picture of the author AmandaWilson
    You mean you want that image to show then when you click it, it will bring you to another site? What you posted is not the complete URL of the image so I can't give you an exact example but you type inside something like this: <a href="http://type the site you want it to go to here"> then put that link here then put a </a>in the end.
    {{ DiscussionBoard.errors[9113352].message }}

Trending Topics