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的问题

回答

相关问题