Question

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?

Answer 1

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!