carousel.twig (980B)
1 <div class="swiper-viewport"> 2 <div id="carousel{{ module }}" class="swiper-container"> 3 <div class="swiper-wrapper">{% for banner in banners %} 4 <div class="swiper-slide text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div> 5 {% endfor %}</div> 6 </div> 7 <div class="swiper-pagination carousel{{ module }}"></div> 8 <div class="swiper-pager"> 9 <div class="swiper-button-next"></div> 10 <div class="swiper-button-prev"></div> 11 </div> 12 </div> 13 <script type="text/javascript"><!-- 14 $('#carousel{{ module }}').swiper({ 15 mode: 'horizontal', 16 slidesPerView: 5, 17 pagination: '.carousel{{ module }}', 18 paginationClickable: true, 19 nextButton: '.swiper-button-next', 20 prevButton: '.swiper-button-prev', 21 autoplay: 2500, 22 loop: true 23 }); 24 --></script>