<div id="lightgallery" class="emme_gallery gallery-<?= $atts['id'] ?> owl-carousel <?=$atts['class']?>">
<?php
foreach ($images as $image) {
$gallery = '<div class="emme-gallery-item">';
$gallery .= '<a data-lightbox="'.$light.'" data-title="'.wp_get_attachment_caption($image).'" title="'.get_the_title($image).'" href="'.wp_get_attachment_image_url($image, 'full').'" >';
$gallery .= wp_get_attachment_image($image, $atts['thumb'], false, array('alt' => get_the_title($image)));
$gallery .= '</a>';
if($atts['title'] != 'No' || $atts['description'] != 'No'){
$gallery .= '<div class="txt">';
if(get_the_title($image) && $atts['title'] != 'No'){
$gallery .= '<div class="tit">'.get_the_title($image).'</div>';
}
if(wp_get_attachment_caption($image) && $atts['description'] != 'No'){
$gallery .= '<figcaption>'.wp_get_attachment_caption($image).'</figcaption>';
}
$gallery .= '</div>';
}
$gallery .= '</div>';
echo $gallery;
}
?>
</div>
<script type="text/javascript">
jQuery(document).ready(function(e){
jQuery('<?= $atts['id']!=""?'.gallery-'.$atts['id']:'.emme_gallery.owl-carousel'?>').owlCarousel({
margin: <?= $atts['margin'] ?>,
center: <?= $atts['center'] ?>,
autoWidth: <?= $atts['autowidth'] ?>,
autoHeight: <?= $atts['autoheight'] ?>,
stagePadding: <?= $atts['stagepadding'] ?>,
loop: <?= $atts['loop'] ?>,
autoplay: <?= $atts['autoplay'] ?>,
autoplayTimeout: <?= $atts['timeout'] ?>,
nav: <?= $atts['nav'] ?>,
dots: <?= $atts['dots'] ?>,
responsiveClass:true,
responsive:{
0:{
items:1,
},
768:{
items:2,
},
1024:{
items: <?= $atts['columns'] ?>,
}
}
});
});
</script>
All system for education purposes only. For more tools: Telegram @jackleet