Tahák k tvorbě webů

WordPress

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)
				});
			}
		});
	});

});