galleria.io Lightbox禁用Last Image中的下一个按钮

时间:2014-02-20 14:43:44

标签: jquery galleria

我想禁用/隐藏灯箱中的下一个按钮。我们正在使用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
});
}
});  

请帮忙。

1 个答案:

答案 0 :(得分: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();
    }
});

});