Lightbox galerie v AIT šabloně
Cílem řešení je:
- samostatné obrázky zobrazovat samostatně, neprocházet mezi nimi
- umožnit procházení mezi obrázky v galerii
- ale pouze v rámci dané galerie, tj. procházením se nesmím dostat do jiné galerie v rámci stránky
JQuery kód
jQuery(document).ready(function() {
var uid = 0;
jQuery('.wp-block-gallery').each(function(){
uid++;
jQuery(this).find('.blocks-gallery-item a').each(function() {
var figcaption = jQuery(this).parent().find('figcaption').text();
var alt = jQuery(this).find('img').attr('alt');
if (!isMobile()) {
jQuery(this).colorbox({
maxWidth: "95%",
maxHeight: "95%",
onOpen: true,
onClosed: true,
rel: 'gallery' + uid,
title: (figcaption ? figcaption : alt)
});
}
else {
jQuery(this).colorbox({
maxWidth: "100%",
maxHeight: "100%",
onOpen: true,
onClosed: true,
rel: 'gallery' + uid,
title: (figcaption ? figcaption : alt)
});
}
});
});
});