Question

我在图片滑块上使用FeatherlightGallery插件进行灯箱设置，其中只有图片，而不是标签然后是图片，但是当点击下一个/上一个时，它似乎没有加载任何东西，只是一个空白灯箱。但是第一张图片有效。我收到控制台错误：

GET http://url.com/undefined 404 (Not Found)

所以看起来它没有正确选择下一张图片。

调用灯箱的JS是：

$('.slider img').featherlightGallery({
    targetAttr: 'src',
    type: 'image',
    gallery: {
        previous: '',
        next: ''
    }
});

这些图片的html是：

    <div class="slider">

        <img class="is-active" src="http://url.com/image.jpg" alt="" data-slide-id="0">

        <img src="http://url.com/image.jpg" alt="" data-slide-id="1">

        <img src="http://url.com/image.jpg" alt="" data-slide-id="2">

        <img src="http://url.com/image.jpg" alt="" data-slide-id="3">

    </div>

干杯。

Answer 1

似乎通过更改此行来修复它：

$img[0].src = $nx.attr('href');

到此：

$img[0].src = (typeof $nx.attr('href') === 'undefined') ? $nx.attr('src') : $nx.attr('href');

使用没有标签的featherlightGallery.js

1 个答案: