將圖片鏈接到lightbox2中的另一個網站

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

是的，這是可能的。 只需在<a>標籤中使用http://即可。

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> 

這對錨定件限定 超文本源鏈路單所需的屬性，但在HTML5不再需要。省略 此屬性創建一個佔位符鏈接。 href屬性 指示鏈接目標，即URL或URL片段。一個URL 片段是一個名稱前面有一個散列標記（＃），它指定了當前文檔中的內部目標位置（一個ID） 。網址爲 不限於基於Web（HTTP）的文檔。 URL可能使用瀏覽器支持的任何 協議。例如，file，ftp和mailto 可在大多數用戶代理中使用。

可選：添加id屬性（如：ID =「myLink的」），然後添加腳本 - >

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