2014-09-05 95 views
0

可以請你告訴我爲什麼我的圖像顯示在下面,當我點擊縮略圖圖像。我使用的是燈箱插件,我從這裏學習文檔 https://github.com/lokesh/lightbox2/ 在示例中,它顯示圖像上方的圖像..我失蹤的css文件? 小提琴 http://jsfiddle.net/xnhtg1t1/爲什麼在Jquery中單擊圖像時顯示圖像?

<a class="example-image-link lightbox" href="https://dl.dropboxusercontent.com/s/51wtwmqnnokotj6/image-1.jpg?dl=0" data-lightbox="example-1"><img class="example-image" src="https://dl.dropboxusercontent.com/s/w85pcbopymjzn76/thumb-1.jpg?dl=0" alt="image-1" /></a> 
+0

看看你的開發工具的控制檯,並享受 – InferOn 2014-09-05 23:23:19

回答

1

刪除GET變量?dl=0從您的JS和CSS URL和它的作品。 jsFiddle Demo

這是Dropbox的download parameter,雖然它被設置爲false ..它仍然導致問題。

+0

這並不做任何事情。 – HelpNeeder 2014-09-05 23:33:43

+0

點擊演示,它應該運行它應該是 – 2014-09-05 23:34:34

+0

啊,沒有注意到資源標籤。 – HelpNeeder 2014-09-05 23:36:27

0

使燈箱的位置絕對而不是相對。

.lightbox { 
    position: absolute; 
} 

甚至固定。然後它會出現在頁面頂部。然後,您可以根據自己的喜好構建燈箱樣式。

http://jsfiddle.net/xnhtg1t1/2/

+0

插件的CSS已經提供了定位,有控制檯錯誤。 – 2014-09-05 23:37:29