【问题标题】:jQuery Lightbox single image displayjQuery Lightbox 单图展示
【发布时间】:2011-10-03 06:33:39
【问题描述】:

有没有办法让灯箱只显示点击的图像而不显示整个画廊。 我对让用户能够查看除了他们单击的图像之外的其他图像不感兴趣,但文档似乎没有反映此功能。

任何帮助或示例将不胜感激。

【问题讨论】:

    标签: jquery gallery lightbox


    【解决方案1】:

    尝试将其添加到您的 CSS 中:

    #lightbox-nav a {
        display:none !important;
    }
    

    【讨论】:

    • 感谢您提供的链接,AlienWebguy。那是一个不同的灯箱吗?你给我看的那个使用原型和脚本,而不是我正在使用的 jquery 版本。
    • 抱歉,我没看到您使用的是 JQuery 版本。
    • 优秀!正是医生吩咐的!我试过显示:无;但不是重要的一点。显然,这迫使案件发生,这就是我所缺少的。太感谢了。 :)
    • 请注意这个方法是个hack...它仍然是一个画廊,你只是隐藏导航。更好的选择是分别在项目上启动灯箱,然后它们各自变成自己的画廊。
    【解决方案2】:

    您可以按照此处另一个答案中的说明隐藏导航 但一个不错的解决方案是分别初始化每个项目的灯箱插件。

    您可以这样做,而不是 $('#gallery a').lightBox();

    $('#gallery a').each(function(){
        $(this).lightBox();
    });
    

    画廊实际上是由适合选择器的每个项目组成的, 如果您选择 10 个项目,这些项目将成为您的画廊,但如果您分别在每个项目上启动 .lightBox(),它们都会被添加到自己的画廊中(当画廊中只有 1 个项目时,插件会隐藏控件。)

    在此处查看示例: http://jsfiddle.net/saelfaer/kwdBf/

    【讨论】:

    • 如果你在一个页面上有 50 张图片,那就是 lightBox() 的 50 个实例。哎呀!
    • 然而我需要看看这里的性能问题是什么,没有证据我仍然选择这个而不是 css hack
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多