【问题标题】:galleria.io Lightbox disable next button in Last ImageGalleria.io 灯箱禁用上一张图片中的下一个按钮
【发布时间】:2014-02-20 14:43:43
【问题描述】:

我想禁用/隐藏灯箱中的下一个按钮。我们正在使用 Galleria.io 图片库。 请帮忙。 JS 小提琴:http://jsfiddle.net/sudiptabanerjee/m6x23/

JavaScript

// Initialize Galleria
$(document).ready(function () {
if (document.getElementById('galleria')) {
Galleria.run('#galleria', {
        transition: 'fadeslide',
        imageCrop: false,
        lightbox: true,
        wait: true,
        height:350,
        debug:false
});
}
});  

请帮忙。

【问题讨论】:

    标签: jquery galleria


    【解决方案1】:

    它现在正在运行http://jsfiddle.net/sudiptabanerjee/m6x23/7/

    Galleria.ready(function () {
    Galleria.on('image', function (e) {
        if (this._active == this._data.length - 1) {
            $('.galleria-image-nav-right').hide();
        } else {
            $('.galleria-image-nav-right').show();
        }
        if (this._active == 0) {
            $('.galleria-image-nav-left').hide();
        } else {
            $('.galleria-image-nav-left').show();
        }
    });
    
    Galleria.on('lightbox_image', function (e) {
        if (this._lightbox.active == this._data.length - 1) {
            $('.galleria-lightbox-next').hide();
            $('.galleria-lightbox-nextholder').hide();
        } else {
            $('.galleria-lightbox-next').show();
            $('.galleria-lightbox-nextholder').show();
        }
        if (this._lightbox.active == 0) {
            $('.galleria-lightbox-prev').hide();
            $('.galleria-lightbox-prevholder').hide();
        } else {
            $('.galleria-lightbox-prev').show();
            $('.galleria-lightbox-prevholder').show();
        }
    });
    
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-03-07
      • 1970-01-01
      • 2021-11-02
      • 1970-01-01
      • 2019-06-28
      相关资源
      最近更新 更多