革命滑块中心灯箱

时间:2018-04-11 07:25:58

标签: javascript jquery html css

我正在使用Revolution Slider。从那个Slider我打开一个灯箱。

问题是灯箱的位置都是关闭的。看起来它们的上边距和左边距都是固定的。

/*
set your slider's api name here
http://www.themepunch.com/revslider-doc/slider-settings/#api
*/
var api = revapi16;

/* ********************* */
/* no need to edit below */
/* ********************* */
window.hideRevNav = function() {

    jQuery('.tp-thumbs,' + 
           '.tparrows,' + 
           '.tp-bullets,' + 
           '.tp-tabs,' + 
           '.tp-open-lightbox').addClass('hide-rev-nav');

}

window.showRevNav = function() {

    jQuery('.tp-thumbs,' + 
           '.tparrows,' + 
           '.tp-bullets,' + 
           '.tp-tabs,' + 
           '.tp-open-lightbox').removeClass('hide-rev-nav');

}


jQuery(document).on('keyup', function(event) {

    if(event.keyCode === 27) {

        api.find('.active-revslide .close-lightbox').click();

    }

});

CSS

/* hide default navigation while lightbox is open */
.rev_slider .hide-rev-nav {
    visibility: hidden !important
}

灯箱的宽度为1480,高度为960。

我需要它成为绝对的中心。

0 个答案:

没有答案