Make Image Link Openable In New Tab

css, html

Solution

Check this example

Here's the code markup with an example of an image (ctrl+click on it and it will take you to google.com):

<div class="item">
    <a href="http://www.google.com">
        <img src="https://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" attributes="#"\>
    </a>
    <div class="popup" attributes="#">
    </div>
</div>

You just needed to wrap your `<img>` tag with an `<a>` tag.

Hope it helps!

Problem

I have the following HTML template : ``` <div class='item'> <img href='...' attributes='...' \> <div class='popup' attributes='...'> </div> </div> ``` I use Jquery to on mouse over of the div (and thus the image), and show the popup. The problem is, I can't seem to control+click to open in a new tab in chrome nor firefox; neither can I right click the image and open the link in a new tab. How can I do this?

Original source