Question

我的网站上安装了lightbox2，工作正常。但现在我希望能够在图库中显示图片时，我希望用户能够点击图片，然后将他们带到另一个网站。这可能吗？

<div class="col-md-4">
 <a href="projekt/grevtureg/fore1.jpg" data-lightbox="grevtureg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','projekt/grevtureg/grevtureg2.jpg',1)"><img src="projekt/grevtureg/grevtureg.jpg" id="img1" class="fade" /></a><a href="projekt/grevtureg/fore2.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/fore2.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor1.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor2.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor3.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor4.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor5.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor6.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor7.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor8.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor9.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor10.jpg" data-lightbox="grevtureg"></a><a href="projekt/grevtureg/grevturegatan_stor11.jpg" data-lightbox="grevtureg"></a>
      </div>

Answer 1

是的，有可能。只需使用http://代码中的<a>即可。

https://developer.mozilla.org/de/docs/Web/HTML/Element/a

<a href="http://www.google.de" onmouseover="MM_swapImage('img1','','http://www.google.de/grevtureg2.jpg',1)">Hello world!</a>

这是定义a的锚点的唯一必需属性超文本源链接，但在HTML5中不再需要。省略此属性创建占位符链接。 href属性表示链接目标，URL或URL片段。一个URL fragment是一个以哈希标记（＃）开头的名称，用于指定当前文档中的内部目标位置（ID）。网址是不限于基于Web（HTTP）的文档。网址可能会使用任何浏览器支持的协议。例如，file，ftp和mailto 在大多数用户代理中工作。

可选：添加id属性（例如：id =＆＃34; myLink＆＃34;）然后添加脚本 - ＆gt;

document.querySelector("#myLink").addEventListener("click", function(e){ 
    window.location.href = "http://www.google.de";
});

将图片链接到lightbox2中的另一个网站

1 个答案: