Question

我有以下HTML模板：

<div class='item'>
    <img href='...' attributes='...' \>
    <div class='popup' attributes='...'>
    </div>
</div>

我使用Jquery鼠标悬停在div（以及图像）上，然后显示弹出窗口。问题是，我似乎无法控制+点击在chrome或firefox的新标签中打开;我也无法右键单击图像并在新选项卡中打开链接。我怎么能这样做？

Answer 1

将target="_blank"添加到链接中。看起来应该是这样的：

<div class='item'>
    <a href='...' target="_blank"><img src='....' attributes='...' \></a>
        <div class='popup' attributes='...'>
    </div>
</div>

您希望图片打开的链接位于a href='LINK'，图片的文件路径位于img src='PATH'

Answer 2

<强> Check this example

这是带有图像示例的代码标记（按住ctrl +点击它，它会将你带到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>

您只需要在<img>标记中加上<a>标记。

希望它有所帮助！

Answer 3

你需要的只是

<div class='item' >
    <a href='...' attributes='...' target="_parent">
    <img src="yoursource.jpg"/></a>
    <div class='popup' attributes='...'>
    </div>
</div>

添加target =“_ parent”或者您可以将_blank用于您的href（并暂时删除img），然后使用＆gt;关闭href。和制作和新的img领域。将你的href和img包装成应该立即工作

Answer 4

使用<a>标记环绕您的图片，并链接到包含图片的新页面。

使图像链接在新选项卡中可打开

4 个答案: