2013-03-10 46 views
1

ANSWER 好了大家正常工作,找到了解決方案(因爲我是一個新用戶,它不會讓我回答我的問題,在不到8個小時,不好意思):燈箱2.51沒有在任何瀏覽器

發現最新版本的LightBox v2.51只支持jQuery v1.7.2。我所做的只是下載該版本的jQuery,並使用它來代替最新版本,並且馬上就能正常工作。

排序一個業餘的錯誤不測試jQuery的版本,它是爲,我想建的;)

感謝大家誰查看和回答的嘗試!

原來的問題

我的第一個計算器後,所以讓我馬上到了!

我試圖用燈箱V2.51在我的網站,在本地,所以我試圖做一個快速和簡單的概念只是爲了看看它是如何工作之前,我確實想實現它在我的網站。

所以,在這裏我有下面的內容簡單的「gallery.htm」文件:

<!DOCTYPE html> 
<html> 
<head> 
<link href="engine/lightbox.css" rel="stylesheet" /> 
</head> 
<body> 
    <div> 
     <a href="images/title.gif" rel="lightbox" title="The main graphic">Test</a> 
    </div> 
<script src="engine/jquery.js"></script> 
<script src="engine/lightbox.js"></script> 
</body> 
</html> 

問題是,當我點擊「測試」鏈接,它應該是加載了引用圖片鏈接在燈箱中,將屏幕變黑,然後爲包含圖像的div製作動畫效果,並將其全屏展開。屏幕變暗,但之後我沒有收到任何東西。這是beforeafter拍攝。正如你所看到的,當我點擊鏈接時,屏幕變暗,但沒有其他事情發生,圖像根本沒有加載。

jQuery版本是1.9.1,它存儲在本地只是爲了我的本地主機測試目的,它是從谷歌ajax主機時,它是在現場調用。

腳本和樣式位於本地文件夾「引擎」中。所有文件的命名都是正確的,當使用谷歌瀏覽器時,我完全加載頁面並按住SHIFT + CTRL + J來檢查控制檯是否有錯誤,但一切正在加載完美。

任何幫助表示讚賞,謝謝! :)

+0

如果您刪除'rel =「lightbox」',它是否顯示圖像?可能鏈接被破壞?! – john 2013-03-10 07:12:11

+0

是的,它顯示的圖像,如果我刪除的rel =「收藏夾」。 – user2153106 2013-03-10 07:14:49

+0

不要在問題中提出答案。從問題中刪除答案,然後用相同的文本發佈答案。 – IcyFlame 2013-03-10 07:25:07

回答

0

您需要使用您的燈箱下載附帶的給定jQuery軟件包! 這個工程!

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="lightbox.css" rel="stylesheet" /> 
     <link href="screen.css" rel="stylesheet" /> 
     <script src="jquery-1.7.2.min.js"></script> 
     <script src="lightbox.js"></script> 
    </head> 
    <body> 
     <div> 
      <a href="1.jpg" rel="lightbox">TestLink</a> 
     </div> 
    </body> 
</html> 
+0

嘿,謝謝一堆快速回復! :)這幾乎是我想到的!我很感激! – user2153106 2013-03-10 08:15:31