【问题标题】:Lightbox - Have 1 image link to a gallery灯箱 - 有 1 个图片链接到画廊
【发布时间】:2015-11-07 02:28:35
【问题描述】:

我有这个灯箱画廊:

<div class="image-row">
                                <div class="image-set">
                                        <a class="example-image-link" href="img/demopage/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="img/demopage/thumb-3.jpg" alt=""/></a>
                                        <a class="example-image-link" href="img/demopage/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img class="example-image" src="img/demopage/thumb-4.jpg" alt="" /></a>
                                        <a class="example-image-link" href="img/demopage/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img class="example-image" src="img/demopage/thumb-5.jpg" alt="" /></a>
                                        <a class="example-image-link" href="img/demopage/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img class="example-image" src="img/demopage/thumb-6.jpg" alt="" /></a>
                                </div>
                        </div>

但这会显示所有图像缩略图,我希望有 1 张图像,当您单击它时,用户可以浏览所有图像....我希望这是有道理的。

【问题讨论】:

  • 您是否尝试过使用 CSS 隐藏您不想要的 .example-image-link 链接?

标签: jquery lightbox lightbox2


【解决方案1】:

只需将第一张图片的 example-set 替换为 example-1,然后 example-setexample-2 用于同一页面中的第二张图片

【讨论】:

    猜你喜欢
    • 2013-08-09
    • 1970-01-01
    • 2013-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-25
    相关资源
    最近更新 更多