lightbox2在Lightbox中打開圖像

我嘗試將Lightbox2集成到現有網站中。lightbox2在Lightbox中打開圖像

開頭代碼：

<head> 
<link rel="stylesheet" media="screen" type="text/css" href="/css/style.css"> 
<link rel="stylesheet" type="text/css" href="/css/lightbox.css"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script type="text/javascript" src="/js/lightbox.js"> 
</head>

圖片代碼：

<div class="image-wrapper">  
<a href="/img/projects/folder/image_big.jpg" data-lightbox="lightboxImage"> 
    <img src="/img/projects/folder/image_thumbnail.jpg" alt=" " class="project-image"> 
</a> 
</div>

我的問題是，當我點擊縮略圖，只打開一個空白的瀏覽器窗口的大圖像，而不是在燈箱打開它。

我已經檢查了路徑。瀏覽器控制檯顯示沒有錯誤。

我想我只是錯過了一些東西。但我不知道它會是什麼。

希望得到一些幫助。謝謝！

來源

2015-07-20 Jan Donath

你肯定HREF = 「/ IMG公司/項目/文件夾/ image_big.jpg」是正確的？這就是爲什麼打開一個新窗口。不應該是href =「＃」或什麼的？ – zozo

在lightbox2網站上它說： Image #1 所以我認爲這是正確的。 –

根據Lightbox2 Homepage的指示，您必須將腳本標記指向/js/lightbox.js文件放在</body>標記的底部。

添加JavaScript在頁面底部的收盤<body>部分之前：
<script src="path/to/lightbox.js"></script> 

來源

2015-07-21 15:00:42 Skamielina

它的工作原理！就像我說的。我錯過了一些東西，或者混合了一些東西非常感謝！ :) –

lightbox2在Lightbox中打開圖像

回答

相關問題