leidy diana arango muñoz

<div class="container-items">
<?php for($i=0;$i<count($Barco->dataBarco[0]->galeria);$i++){ ?>
<div class="item" rel="1" id="item2-<?php print $i+1; ?>">
<a href="ui/galery/galery-barcos/<?php print $Barco->dataBarco[0]->galeria[$i]->imagen; ?>" class="image fancybox" title="<?php print $Barco->dataBarco[0]->galeria[$i]->alt; ?>" data-fancybox-group="thumb">
<img src="ui/galery/galery-barcos/<?php print $Barco->dataBarco[0]->galeria[$i]->imagen; ?>" alt="<?php print $Barco->dataBarco[0]->galeria[$i]->alt; ?>"/>

/**
* Slick carousel
* @description Enable Slick carousel plugin
*/
if ( plugins.slick.length ) {
var i;
for ( i = 0; i < plugins.slick.length; i++ ) {
var $slickItem = $( plugins.slick[ i ] );

$slickItem.on( 'init', function ( slick ) {
initLightGallery( $( '[data-lightgallery="group-slick"]' ), 'lightGallery-in-carousel' );
initLightGallery( $( '[data-lightgallery="item-slick"]' ), 'lightGallery-in-carousel' );
} );

$slickItem.slick( {
slidesToScroll: parseInt( $slickItem.attr( 'data-slide-to-scroll' ) ) || 1,

<section class="section text-center">
<!-- Slick Carousel-->
<div class="slick-wrap">
<div class="slick-slider slick-style-1" data-arrows="true" data-autoplay="true" data-loop="true" data-dots="true" data-swipe="true" data-xs-swipe="true" data-sm-swipe="false" data-items="1" data-sm-items="3" data-md-items="3" data-lg-items="3" data-center-mode="true" data-lightgallery="group-slick">
<div class="item">
<div class="slick-slide-inner">
<div class="slick-slide-caption"><img class="thumb-ann__image" src="images/slider/aurora-boreal-noche-estrellas1.jpg" alt="" width="1100" height="664"/>