jquery lightbox问题

jquery lightbox问题,jquery,lightbox,Jquery,Lightbox,我第一次涉足jquery,我们需要做一个简单的照片效果 问题是,我做了教程中说的所有事情,但没有灯箱效果 这是我的html文档的标题(没有标题标签): $(函数(){ $(“a.lightbox”).lightbox(); }) ; 以下是我的链接: <aside id="comment"> <h2>The Apes!</h2> <span>Lead Singer</span><span>Drums&

我第一次涉足jquery,我们需要做一个简单的照片效果

问题是,我做了教程中说的所有事情,但没有灯箱效果

这是我的html文档的标题(没有标题标签):


$(函数(){
$(“a.lightbox”).lightbox();
}) ;
以下是我的链接:

  <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>

我错过了什么?据我所知,我给了一个链接图片的href(Bill图片-fullsize)和一个链接,这是在我的css中缩小的同一张图片


Aaarrgh.

假设您没有在某个地方缩小CSS中的缩略图版本,您的img src和HREF指向相同的图像。lightbox不会增加图像的大小,它只是显示图像。如果您喜欢使用相同的图像名称(我喜欢),请将较小的图像放在与较大的图像不同的文件夹中

例如:

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

如果您在Firefox中运行Firebug或在WebKit浏览器中运行Inspector,您是否在控制台窗口中看到任何错误?我想其中一个文件可能无法加载。很抱歉听起来像个傻瓜,但我该怎么做呢?如果你在Safari或Chrome中,如果你右键点击页面,进入“检查元素”并点击“控制台”选项卡-刷新你遇到问题的页面,查看控制台中是否有任何红色消息。首先,下载Firefox浏览器的firebug:这将使你在打开firebug时更容易使用控制台验证javascript,如果它显示任何错误,然后您可以从那里开始分析发生了什么。或者使用Firefox内置的Firefox错误控制台(键盘快捷键:Ctrl+Shift+J),确保jquery.js和lightbox.js javascript文件位于您所说的位置,拼写正确,等等。
`<a href="images/large/Bill.jpg" class="lightbox"><img src = "images/thumbs/Bill.jpg" rel="lightbox" alt="Lead Singer" title="Band member 1" /></a>`