Video Gallery

} for(var i=1;i<=4;i++){ str += '
'; } for(var i=1;i<=32;i++){ str += '
'; } for(var i=1;i<=56;i++){ str += '
'; if(i==56){ document.getElementById("owl-carousel-1").innerHTML=str; } } $(document).ready(function(){ $("#owl-carousel-1").owlCarousel({ nav: true, loop: true, lazyLoad : true, navContainer: '#carousel_nav-1', dotsContainer: '#carousel_dot-1', responsive:{ 0:{ items: 1, dots: false }, 384:{ items: 2, slideBy: 2, dots: false }, 992:{ items: 3, slideBy: 3 } } }); $("#owl-carousel-2").owlCarousel({ nav: true, loop: true, lazyLoad : true, navContainer: '#carousel_nav-2', dotsContainer: '#carousel_dot-2', responsive:{ 0:{ items: 1, dots: false }, 384:{ items: 1, slideBy: 1, dots: false }, 768:{ items: 2, slideBy: 2, dots: false }, 992:{ items: 3, slideBy: 3 } } }); $('#video-gallery').lightGallery(); $('.lazy').lazy(); translate(); }); function getTranslation(key) { var lang = localStorage.language || 'en'; // Use the language from localStorage or default to 'en' return dictionary[key] ? dictionary[key][lang] : key; } function updateLoadMoreText(key) { var translation = getTranslation(key); $("#LoadMore").text(translation).attr("data-translate", key); } $(document).ready(function () { var $list = $("#video-gallery .vid-thumbs").hide(), $curr; function shuffle(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } $(".button") .on("click", function (e) { e.preventDefault(); var $this = $(this); $this.addClass("active").siblings().removeClass("active"); $curr = $list.filter("." + this.id).hide(); if (this.id === "featured-vid") { $curr = $(shuffle($curr.toArray())); } $curr.slice(0, 4).show(400); $list.not($curr).hide(300); checkNoContent(); }) .filter(".active") .click(); $("#LoadMore").on("click", function (e) { e.preventDefault(); $curr.filter(":hidden").slice(0, 4).slideDown("slow"); checkNoContent(); }); function checkNoContent() { if ($curr.filter(":hidden").length === 0) { updateLoadMoreText('no_more_videos'); $("#LoadMore").addClass("noContent"); } else { updateLoadMoreText('load_more'); $("#LoadMore").removeClass("noContent"); } } updateLoadMoreText('load_more'); }); -->