(function($){ 'use strict'; $(document).ready(function(){ var ays_gallery_containers = document.getElementsByClassName('ays_gallery_container_2'); var ays_gallery_container_2; for(var ays_i = 0; ays_i < ays_gallery_containers.length; ays_i++){ do{ ays_gallery_container_2 = ays_gallery_containers[ays_i].parentElement.parentElement; } while(ays_gallery_container_2.style.position === 'relative'); ays_gallery_container_2.style.position = 'static'; } var lightboxPause = 5000; if (window.matchMedia('(max-width: 768px)').matches) { lightboxPause = 5000; } var gpgFilterLightboxOptions = { selector: '.ays_grid_column_2', share: false, hash: false, addClass:'ays_gpg_lightbox_2', fullScreen: false, autoplay: false, pause: lightboxPause, progressBar:true, mousewheel: false, keyPress: false, actualSize: false, pager: false, download: false, autoplayControls: true, counter: true, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true }; $(document).on('click', '.ays_gpg_category_filter', function(e) { var ays_cat = $(this).data('cat'); $(document).find('.ays_gpg_category_filter').each(function(){ $(this).removeClass('active'); }); $(this).addClass('active'); var ays_img_cat = document.getElementsByClassName('ays_grid_column_2'); var galContainer = $(this).parents('.ays_gallery_container_2'); var anim_effect = galContainer.find('.ays_gallery_filter_cat').attr('data-anim'); galContainer.find('.gpgFilteredContainer').remove(); var mainGallery = galContainer.find('.ays_grid_row'); if(ays_cat == 'all'){ mainGallery.css('animation-name', anim_effect); mainGallery.css('animation-duration', '.5s'); mainGallery.find('.ays_grid_column_2').hide(); mainGallery.removeClass('ays_gpg_display_none'); mainGallery.find('.ays_grid_column_2').fadeIn(400); mainGallery.attr('id','ays_grid_row_2'); }else{ var filterElements = mainGallery.find('[data-cat*="'+ays_cat+'"]'); var filterContainer = $('
'); filterElements.each(function(){ var fclone = $(this).clone(); fclone.hide(); filterContainer.append(fclone); }); galContainer.append(filterContainer); galContainer.find('.gpgFilteredContainer').css('animation-name', anim_effect); galContainer.find('.gpgFilteredContainer').css('animation-duration', '.5s'); galContainer.find('.ays_grid_column_2').fadeIn(400); mainGallery.addClass('ays_gpg_display_none'); mainGallery.removeAttr('id'); $(document).find('.gpgFilteredContainer').lightGallery(gpgFilterLightboxOptions); $(document).find('.ays_gallery_container_2 div.ays_grid_column_2').hover(function(e){ var ays_x = e.pageX - this.offsetLeft; var ays_y = e.pageY - this.offsetTop; var ays_edge = ays_closestEdge(ays_x,ays_y,this.clientWidth, this.clientHeight); var ays_overlay = $(this).find('div.ays_hover_mask'); var ays_hover_dir = ays_getDirectionKey(e, e.currentTarget); switch(ays_edge) { case 'top': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-top'); break; case 'right': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-right'); break; case 'bottom': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-bottom'); break; case 'left': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-left'); break; } }, function(e){ var ays_x = e.pageX - this.offsetLeft; var ays_y = e.pageY - this.offsetTop; var ays_edge = ays_closestEdge(ays_x,ays_y,this.clientWidth, this.clientHeight); var ays_overlay = $(this).find('div.ays_hover_mask'); var ays_hover_dir = ays_getDirectionKey(e, e.currentTarget); switch(ays_edge) { case 'top': ays_overlay.attr('class', 'ays_hover_mask animated out-top'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'right': ays_overlay.attr('class', 'ays_hover_mask animated out-right'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'bottom': ays_overlay.attr('class', 'ays_hover_mask animated out-bottom'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'left': ays_overlay.attr('class', 'ays_hover_mask animated out-left'); setTimeout( function(){ ays_overlay.css('opacity', '0'); }, 570); break; } }); } $(document).find('.ays_grid_column_2 div.ays_hover_mask').find('.ays_image_url').on('click', function(e){ setTimeout(function(){ $(document).find('.lg-close.lg-icon').trigger('click'); },450); window.open($(this).attr('data-url'),'_blank'); }); }); }); })(jQuery); .ays_gallery_container_2 .ays_image_loading_div { display: none; } .ays_gallery_container_2 { display: none; } .gpg_gal_loader_2 { display: block; justify-content: center; align-items: center; animation-duration: .5s; transition: .5s ease-in-out; margin-bottom: 20px; width: 50px; height: 50px; margin: auto !important; } .gpg_loader_2 { display: block; } .ays_gpg_lightbox_2 .lg-progress-bar .lg-progress { background-color: #a90707; } @media screen and (max-width: 768px){ .ays_gpg_lightbox_2 .lg-progress-bar .lg-progress { background-color: #a90707; } }
(function($){ $(document).ready(function(){ setTimeout(function(ev){ var aysGalleryContent_2 = $("
.lg-outer, .lg-backdrop { z-index: 999999999999 !important; } .ays_gallery_container_2 { max-width: 100%; transition: .5s ease-in-out; animation-duration: .5s; position: static!important; ; } .mosaic_2 { padding: 6px; max-width: 100%; } .mosaic_2 a { width: 100%; height: 100%; } .ays_masonry_item_2{ width: calc(33.332333333333% - 5px); margin-bottom: 5px !important; position: relative; } .ays_image_title { top: unset; bottom: 0; ; } .ays_gallery_container_2 .ays_gallery_header h2.ays_gallery_title{ color:#000 } .ays_gallery_container_2 .ays_gallery_header h4.ays_gallery_description{ color:#000 } .ays_image_title>span { font-size:12px; color:#ffffff } .ays_masonry_item_2 a, .ays_masonry_item_2:hover, .mosaic_2 a, .mosaic_2:hover { box-shadow: none; } .ays_mosaic_column_item_2 { font-size: 0; margin-bottom: 0; margin-right: 0; overflow: hidden; perspective: 200px; box-sizing: border-box; } .ays_masonry_item_2 img, .ays_mosaic_column_item_2 img { width: 100%; max-width: 100%; height: 100%; margin: 0 auto; object-fit: cover; } .ays_grid_column_2:nth-child(3n) { margin-right:0px; } div.ays_grid_row div.ays_grid_column_2 { height: px; min-height: px; background-size: cover; margin-bottom: 2.5px; margin-right: 2.5px; background-position: center; position: relative; z-index: 1; overflow: hidden; transition: .5s ease-in-out; perspective: 200px; line-height: 0; } .ays_gallery_body_2 .ays_gallery_image, .ays_masonry_grid-item img, .ays_mosaic_column_item_2 img, .ays_masonry_item_2 img{ filter: none; } .ays_gpg_lightbox_2 .lg-image, .ays_gpg_lightbox_2 .lg-thumb-item img{ filter: none; } div.ays_masonry_grid div.ays_masonry_item_2, div.ays_grid_row div.ays_grid_column_2 { border: none } div.ays_masonry_grid div.ays_masonry_item_2 .ays_image_title, div.mosaic_2 .ays_image_title, div.ays_grid_row div.ays_grid_column_2 .ays_image_title { background-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); z-index: 999999; } div.ays_grid_row div.ays_grid_column_2 > img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } div.ays_masonry_grid div.ays_masonry_item_2 a, div.ays_grid_row div.ays_grid_column_2 a { display: block; z-index: 3; box-shadow: none; } div.ays_grid_row div.ays_grid_column_2 a:hover{ box-shadow: none; } div.ays_masonry_grid div.ays_masonry_item_2:hover, div.mosaic_2 div.ays_mosaic_column_item_2:hover, div.ays_grid_row div.ays_grid_column_2:hover{ cursor: pointer; } div.mosaic_2 .ays_mosaic_column_item_2 > div.ays_hover_mask { font-size: 40px !important; } div.ays_masonry_grid div.ays_masonry_item_2 div.ays_hover_mask i.ays_gpg_fa, div.ays_masonry_grid div.ays_masonry_item_2 div.ays_hover_mask .ays_gpg_fa, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask i.ays_gpg_fa, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask .ays_gpg_fa, .mosaic_2 .ays_mosaic_column_item_2 div.ays_hover_mask i.ays_gpg_fa, .mosaic_2 .ays_mosaic_column_item_2 div.ays_hover_mask .ays_gpg_fa { font-size: 20px !important; opacity: 1 !important; } .ays_mosaic_column_2 { width: 25%; margin-right: 0; } div.ays_masonry_item_2:hover > div.ays_hover_mask, div.mosaic_2 .ays_mosaic_column_item_2:hover > div.ays_hover_mask, div.ays_grid_row div.ays_grid_column_2:hover > div.ays_hover_mask { opacity: 1 !important; transition: all .5s; } div.mosaic_2 div.ays_mosaic_column_item_2, div.ays_masonry_grid div.ays_masonry_item_2, div.ays_grid_row div.ays_grid_column_2 { border-radius: 0px; transition: transform 1s; } div.ays_masonry_item_2 div.ays_hover_mask, div.mosaic_2 div.ays_mosaic_column_item_2 div.ays_hover_mask, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask { background: rgba( 30,115,190,0.4 ); animation-duration: 0.5s !important; } div.ays_masonry_grid div.ays_masonry_item_2 div.ays_hover_mask .ays_image_url, div.mosaic_2 div.ays_mosaic_column_item_2 div.ays_hover_mask .ays_image_url, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask .ays_image_url { position: relative; z-index: 10000; padding: 0; margin: auto; background-color: transparent; margin-left: 10px; outline: 0; border: none; box-shadow: none; cursor: pointer; } div.ays_masonry_grid div.ays_masonry_item_2 div.ays_hover_mask .ays_image_url:hover *, div.mosaic_2 div.ays_mosaic_column_item_2 div.ays_hover_mask .ays_image_url:hover *, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask .ays_image_url:hover * { color: #ccc; } div.mosaic_2 a, div.ays_masonry_item_2 a, div.ays_grid_row div.ays_grid_column_2 a { width: 100%; height: 100%; position: absolute; top: 0; } .ays_gallery_search_img{ display:none; ; } .ays_gallery_header.ays_gallery_header_mobile{ display:none; } @media screen and (max-width: 768px){ .ays_image_title > span { color:#ffffff } .ays_gallery_header.ays_gallery_header_mobile{ display:block; } .ays_gallery_header:not(.ays_gallery_header_mobile){ display:none; } .ays_gallery_container_2 { text-align: left; direction: ltr; ; } .ays_gallery_body_2 .ays_gallery_image, .ays_masonry_grid-item img, .ays_mosaic_column_item_2 img, .ays_masonry_item_2 img{ filter: none; } .ays_grid_column_2:nth-child(1n) { margin-right: 0px !important; } .ays_grid_column_2.ays_count_views { width: calc(100% - 5px) !important; } .ays_masonry_item_2{ width: calc(99.999% - 5px) !important; } div.ays_grid_row div.ays_grid_column_2 { height: px; min-height: px; } div.ays_grid_row div.ays_grid_column_2 > img { object-position: center center !important; } .ays_gallery_container_2 .ays_gallery_header h2.ays_gallery_title { color:#000 } .ays_gallery_container_2 .ays_gallery_header h4.ays_gallery_description { color:#000 } div.ays_masonry_grid div.ays_masonry_item_2 .ays_image_title, div.mosaic_2 .ays_image_title, div.ays_grid_row div.ays_grid_column_2 .ays_image_title { background-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); z-index: 999999; } div.mosaic_2 div.ays_mosaic_column_item_2, div.ays_masonry_grid div.ays_masonry_item_2, div.ays_grid_row div.ays_grid_column_2 { border-radius: 0px; transition: transform 1s; } div.ays_masonry_item_2 div.ays_hover_mask, div.mosaic_2 div.ays_mosaic_column_item_2 div.ays_hover_mask, div.ays_grid_row div.ays_grid_column_2 div.ays_hover_mask { background: rgba( 30,115,190,0.4 ); animation-duration: 0.5s !important; } .ays_gpg_lightbox_2 .lg-image, .ays_gpg_lightbox_2 .lg-thumb-item img{ filter: none; } .ays_gallery_search_img{ display:none; } div.ays_masonry_grid div.ays_masonry_item_2, div.ays_grid_row div.ays_grid_column_2 { border: none } } "); $(document).find(".ays_gallery_body_2").append(aysGalleryContent_2); $( window ).resize(function() { $(document).find(".mosaic_2").Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: "tail" }); var aysgrid_2 = $("#ays_masonry_grid_2").masonry({ percentPosition: false, itemSelector: ".ays_masonry_grid-item", columnWidth: ".ays_masonry_item_2", transitionDuration: ".8s", gutter: 5, }); setTimeout(function(){ aysgrid_2.masonry("layout"); }, 400); }); $(document).find('.ays_gallery_container_2 div.ays_grid_column_2').hover(function(e){ var ays_x = e.pageX - this.offsetLeft; var ays_y = e.pageY - this.offsetTop; var ays_edge = ays_closestEdge(ays_x,ays_y,this.clientWidth, this.clientHeight); var ays_overlay = $(this).find('div.ays_hover_mask'); var ays_hover_dir = ays_getDirectionKey(e, e.currentTarget); switch(ays_edge) { case 'top': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-top'); break; case 'right': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-right'); break; case 'bottom': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-bottom'); break; case 'left': ays_overlay.css('display', 'flex'); ays_overlay.attr('class', 'ays_hover_mask animated in-left'); break; } }, function(e){ var ays_x = e.pageX - this.offsetLeft; var ays_y = e.pageY - this.offsetTop; var ays_edge = ays_closestEdge(ays_x,ays_y,this.clientWidth, this.clientHeight); var ays_overlay = $(this).find('div.ays_hover_mask'); var ays_hover_dir = ays_getDirectionKey(e, e.currentTarget); switch(ays_edge) { case 'top': ays_overlay.attr('class', 'ays_hover_mask animated out-top'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'right': ays_overlay.attr('class', 'ays_hover_mask animated out-right'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'bottom': ays_overlay.attr('class', 'ays_hover_mask animated out-bottom'); setTimeout( function(){ ays_overlay.css('opacity', '0');}, 350); break; case 'left': ays_overlay.attr('class', 'ays_hover_mask animated out-left'); setTimeout( function(){ ays_overlay.css('opacity', '0'); }, 570); break; } }); $(document).find("ays_grid_column_2").on("mouseover", function(){ if($(this).find(".ays_hover_mask .ays_image_title").length != 0){ $(this).find(".ays_hover_mask>div:first-child").css("margin-bottom", "40px"); } }); $(document).find(".ays_grid_column_2 div.ays_hover_mask").find(".ays_image_url").on("click", function(e){ setTimeout(function(){ $(document).find(".lg-close.lg-icon").trigger("click"); },450); window.open($(this).attr("data-url"),"_blank"); }); $(document).find(".ays_grid_column_2 div.ays_link_whole_image_url").on("click", function(e){ setTimeout(function(){ $(document).find(".lg-close.lg-icon").trigger("click"); },450); window.open($(this).attr("data-url"),"_blank"); });$(document).find('.gpg_loader_2').css({'display': 'flex', 'animation-name': 'fadeIn'}); var aysgrid_2 = $("#ays_masonry_grid_2").masonry({ percentPosition: false, itemSelector: ".ays_masonry_grid-item", columnWidth: ".ays_masonry_item_2", transitionDuration: ".8s", gutter: 5, }); setTimeout(function(){ $(document).find(".ays_gallery_container_2 .mosaic_2").Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: "tail" }); aysgrid_2.masonry("layout"); },300); var lightboxPause = 5000; if (window.matchMedia("(max-width: 768px)").matches) { lightboxPause = 5000; } var gpgSearchLightboxOptions = { selector: ".gpgSearchContainer", share: false, hash: false, addClass:"ays_gpg_lightbox_2", fullScreen: false, autoplay: false, pause: lightboxPause, progressBar: true, mousewheel: false, keyPress: false, actualSize: false, pager: false, download: false, autoplayControls: true, counter: true, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true }; /*AV Search Image*/ $(document).on("input", "#inp_search_img_2", function(e) { var ays_for_srch_cont = $(document).find("#ays_grid_row_2 .ays_grid_column_2"); var this_val = $(this).val().toLowerCase(); for(var srch_i = 0; srch_i 0){ if(parseInt(srch_img_div.css("margin-right")) == 0){ srch_img_div.css("margin-right","2.5px"); } } srch_img_div.fadeIn(400); setTimeout(function(){ aysgrid_2.masonry("layout"); }, 400); } } if(this_val != ""){ $(document).find("#ays_grid_row_2").data("lightGallery").destroy(true); $(document).find('#ays_grid_row_2').lightGallery(gpgSearchLightboxOptions); }else{ var lightboxPause = 5000; if (window.matchMedia("(max-width: 768px)").matches) { lightboxPause = 5000; } $(document).find("#ays_grid_row_2").data("lightGallery").destroy(true); $(document).find("#ays_grid_row_2").lightGallery({ selector: ".ays_grid_column_2", share: false, hash: false, addClass:"ays_gpg_lightbox_2", fullScreen: false, autoplay: false, pause: lightboxPause, progressBar: true, mousewheel: false, keyPress: false, actualSize: false, pager: false, download: false, autoplayControls: true, counter: true, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true }); } }); var lightboxPause = 5000; if (window.matchMedia('(max-width: 768px)').matches) { lightboxPause = 5000; } $(document).find('#ays_grid_row_2').lightGallery({ selector: '.ays_grid_column_2', share: false, hash: false, addClass:'ays_gpg_lightbox_2', fullScreen: false, autoplay: false, pause: lightboxPause, progressBar: true, mousewheel: false, keyPress: true, escKey: true, actualSize: false, pager: false, download: false, autoplayControls: true, counter: true, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true });$(document).find('.ays_gallery_container_2').imagesLoaded() .done( function( instance ){ $(document).find('.ays_gallery_container_2').css({'display': 'block', 'animation-name': 'fadeIn'}); $('#ays_grid_row_2 img.ays_gallery_image').each(function(){ var realWidth = this.width; var ratio = parseFloat(1)*realWidth; $('#ays_grid_row_2 img.ays_gallery_image').each(function(e) { $(this).height(ratio); }); }); $(document).find('.gpg_loader_2').css({'display': 'none', 'animation-name': 'fadeOut'}); $(document).find('.ays_gallery_container_2 .mosaic_2').Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: 'tail' }); setTimeout(function(){ aysgrid_2.masonry('layout'); },300); var ays_gallery_containers = $(document).find('.ays_gallery_container_2'); ays_gallery_containers.css({ position: 'static' }); if (window.matchMedia('(max-width: 768px)').matches) { ; }else{ ; } $(window).trigger('resize'); }) .fail( function() { var errorImage = $('
Some of the images haven\'t been loaded
'); $(document).find('.ays_gallery_container_2').prepend(errorImage); $(document).find('.ays_gallery_container_2').css({'display': 'block', 'animation-name': 'fadeIn'}); $(document).find('.gpg_loader_2').css({'display': 'none', 'animation-name': 'fadeOut'}); $(document).find('.ays_masonry_item_2>img, .ays_mosaic_column_item_2>img, .ays_grid_column_2>img').each(function(e, img){ if(img.getAttribute('src') == '' || img.getAttribute('src') == undefined){ $(this).css('display', 'none'); $(this).parent().find('.ays_hover_mask').remove(); $(this).parent().find('.ays_image_loading_div').css({ 'opacity': '1', 'animation-name': 'tada', 'animation-duration': '.5s', 'display': 'block', 'padding-top': 'calc(100% - 25px)', }); $(this).parent().find('.ays_image_loading_div').find('img').css('position', 'static'); $(this).parent().find('.ays_image_loading_div').find('img').attr('src', 'https://minimelts.com.cy/wp-content/plugins/gallery-photo-gallery/public//images/error-404.png'); var ays_err_massage = $('
Image not found!'); var img_parent = $(this).parent().find('.ays_image_loading_div').eq(0); img_parent.append(ays_err_massage); $(this).remove(); } }); setTimeout(function(){ aysgrid_2.masonry('layout'); $(window).trigger('resize'); },300); }); },1000); }); })(jQuery);