How to make an image object a link with Javascript

Question

HTML equivalent:

<a href='#'> <img src='...'....../></a>

Looking for something along the lines of:

var im = document.createElement("img");
im.ADDLINK;

Relevant code:

var close = document.createElement("img");
    close.src="close.png";
    close.width = 50;
    close.height = 50;
    close.border = 1;
    close.className="closeButton";
    close.style.cssFloat="right";

    var link = document.createElement("a");
    link.href = "#";

Make close image a link:

    link.appendChild(close);

    close.style.right=0+"px";
            //Div img is a div created above this code snippet:
    divimg.appendChild(close);

You insert the image to a link element but then you insert only the image to the div. Change the last line to divimg.appendChild(link); — Gil
– Gil, Commented Mar 11, 2014 at 23:44

tymeJV · Accepted Answer · 2014-03-11 23:20:44Z

3

Create the link:

var link = document.createElement(a);
link.href = "http://...com";

Add the image:

var im = document.createElement("img");
link.appendChild(im);

And append it to the DOM where needed

answered Mar 11, 2014 at 23:20

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anon Omus Over a year ago

Thanks tymeJV, still doesn't work for me though. I'll add code snippet above.

Christopher Díaz · Accepted Answer · 2014-03-11 23:26:47Z

0

You can try this

<script>
   function imgRedirect(destination){

     location.href = destination;

   }
</script>
<img src="..." onclick="imgRedirect('http://google.com')"/>

answered Mar 11, 2014 at 23:26

Christopher Díaz

3461 silver badge7 bronze badges

2 Comments

Daedalus Over a year ago

What does this have to do with the question?

Anon Omus Over a year ago

Thanks for the reply cris_dpa, unfortunately it all needs to be done via javascript.

Collectives™ on Stack Overflow

How to make an image object a link with Javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related