jquery lightbox 0.5为隐藏链接提供错误。如何修复它?

jquery lightbox 0.5为隐藏链接提供错误。如何修复它?,jquery,lightbox,Jquery,Lightbox,我正在使用jquery-lightbox-0.5 像这样打电话 $('.zoomLightbox a').lightBox(); Html 我被困在这里了,谢谢你的帮助 仅当fixedNavigation:true时才显示它的形状参见此,并阅读在结尾部分添加的注释 ::更新:: Dude,我已经根据您给定的示例代码实现了这个示例,在我这一步中效果很好 Html代码: <%@page contentType="text/html" pageEncoding="UTF-8"%>

我正在使用jquery-lightbox-0.5 像这样打电话

$('.zoomLightbox a').lightBox();
Html

我被困在这里了,谢谢你的帮助

仅当fixedNavigation:true时才显示它的形状参见此,并阅读在结尾部分添加的注释

::更新:: Dude,我已经根据您给定的示例代码实现了这个示例,在我这一步中效果很好

Html代码:

<%@page contentType="text/html" pageEncoding="UTF-8"%>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>JSP Page</title>
            <script type="text/javascript" src="jquery-1.5.2.js"></script>
            <script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
            <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
            <script type="text/javascript">
                $(document).ready(function() {
                    $('.zoomLightbox a').lightBox();
                });
            </script>
        </head>
        <body>
            <p class="zoomLightbox">
                <a rel="lightbox" class="zoomPhoto" title="abc" href="img_1.png">View larger photo</a>
                <a style="display: none;" rel="lightbox" class="zoomPhoto hide" title="abc" href="img_2.png">View larger photo</a>
            </p>
        </body>
    </html>

JSP页面
$(文档).ready(函数(){
$('.zoomLightbox a').lightBox();
});

项目结构如下:


只需用上面的代码进行交叉检查,并确保包含正确的所需js和css文件…

我认为您缺少

查看大图
查看大图
...


编辑:我意识到
对于插件来说不是强制性的。请稍候,我正在更新此答案。

我认为您应该修改插件

转到第194行

<p class="zoomLightbox">
<a rel="lightbox" class="zoomPhoto">
  <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
  View larger photo
</a>
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" >
  <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
  View larger photo
</a>
...
</p>
改为

objImagePreloader.src = settings.imageArray[settings.activeImage][0] 

希望这有帮助

它对我不起作用…当我通过firebug检查时,我发现lightbox nav btnPrev带有显示器:没有,但在我的情况下不是。我不知道它是怎么做的
<p class="zoomLightbox">
<a rel="lightbox" class="zoomPhoto">
  <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
  View larger photo
</a>
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" >
  <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
  View larger photo
</a>
...
</p>
objImagePreloader.src = settings.imageArray[settings.activeImage][0] 
if (settings.imageArray[settings.activeImage]) {
                objImagePreloader.src = settings.imageArray[settings.activeImage][0];
            }
            else {
                _finish();
                return false;
            }