jquery lightbox的問題

我在jquery中第一次涉獵，我們需要做一個簡單的照片效果。jquery lightbox的問題

問題是，我做了所有的教程說做，但沒有燈箱效果。

這裏是我的HTML文檔的頭部（無頭標記）：

<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" charset="utf-8" /> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="js/assignment.js" type="text/javascript"></script> 
    <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" /> 
    <script type="text/javascript"> 
     $(function() { 
     $("a.lightbox").lightBox(); 
    }) ; 
     </script>

這裏是我的鏈接：

<aside id="comment"> 
    <h2>The Apes!</h2> 
    <span>Lead Singer</span><span>Drums</span> 
    <span>Guitar</span><span>Bass</span> 
     <a href="images/Bill.jpg" class="lightbox"><img src = "images/Bill.jpg" rel="lightbox" alt="Lead Singer" title="Band member 1" /></a> 
     <a href="images/Ryan.jpg" class="lightbox"><img src = "images/Ryan.jpg" rel="lightbox" alt="Guitar" title="Band member 2" /></a> 
     <a href="images/Kerry.jpg" class="lightbox"><img src = "images/Kerry.jpg" rel="lightbox" alt="Drums" title="Band member 3" /></a> 
     <a href="images/Bob.jpg" class="lightbox"><img src = "images/Bob.jpg" rel="lightbox" alt="Bass" title="Band member 4" /></a> 
     </aside>

我缺少什麼？據我瞭解，我給了一張圖片鏈接到（比爾圖像 - fullsize），鏈接，這是相同的照片，在我的CSS縮小。

Aaarrgh。

來源

2011-11-27 Phill Cookie

如果您在WebKit瀏覽器運行Firefox中的Firebug或檢查，你看到在所有的控制檯窗口中的任何錯誤？我希望其中一個文件可能不會被加載。 –

對不起，聽起來像一個總doofus，但我該怎麼做，到底？ –

如果您使用的是Safari或Chrome瀏覽器，如果您右鍵單擊頁面並轉到「檢查元素」並單擊「控制檯」選項卡 - 刷新您遇到問題的頁面並查看是否有任何紅色郵件控制檯。 –

假設您不縮小CSS縮略圖版本的位置，您的img src和hrefs指向相同的圖像。燈箱不會增加圖像的大小，只是顯示它。如果您喜歡使用相同的圖像名稱（我這樣做），請將較小的圖像放在與較大圖像不同的文件夾中。

例子：

`<a href="images/large/Bill.jpg" class="lightbox"><img src = "images/thumbs/Bill.jpg" rel="lightbox" alt="Lead Singer" title="Band member 1" /></a>`

來源

2012-03-16 18:32:17 Glenn

jquery lightbox的問題

回答

相關問題