Hello,
I followed the guide HERE and pasted th Css/JAvascript code in my slider, changing from revapi28 (in their example) to revapi26 (my case) but the “hide arrows and bullets when the video is playing” doesn’t work?
I think it have something to do with some class changes, maybe they don’t use this classes anymore?
I’ll post the full code here:
CSS
/* hide default navigation while lightbox is open */
.rev_slider .hide-rev-nav {visibility: hidden !important}
Javascript
/*
set your slider's api name here
http://www.themepunch.com/revslider-doc/slider-settings/#api
*/
var api = revapi26;
/* ********************* */
/* 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();
}
});
Unfortunately the website is currently being developed in a XAMMP enviroment so i can’t give you any access.
P.S.
I download and used as example for the code and layers setup the “HTML 5 Video” example.
Can you help me?
Thanks and have a good day.