CODEWITHSUNDEEP
javascripthtmlhyperlink
javi
javi

Reputation: 13

Remove link in image inside <a> tag

If I insert an image inside an <a> tag, how could I avoid, using js if it was necessary, that when someone clicks on that image it doesn't follow the link.

Upvotes: 1

Views: 3981

Answers (3)

Mike Taylor
Mike Taylor

Reputation: 1

you can also do it by event handling:

$('a.SomeClass img').click(function(event) { 
   event.preventDefault(); 
   return false;
 });

the 'event' object is automatically passed in the 'click' event handler in jQuery. Note that preventDefault() is a native javascript call on the event object, so it can be used w/o jQuery as well.

Upvotes: 0

James Westgate
James Westgate

Reputation: 11444

Just to add to other answers on this page: you should style an anchor tag with a background image using css instead of using an image tag eg

{background: transparent url('images/myimage.png') width:20px height:20px}

Upvotes: 0

SLaks
SLaks

Reputation: 887451

You need to handle the <img>'s click event and return false;.

For example:

<img src="..." href="..." onclick="return false;" />

Or, using jQuery:

$('a.SomeClass img').click(function() { return false; });

However, the best solution is to move the <img> outside the <a> tag.

Upvotes: 4

Related Questions