slideshow.twig (1050B)
1 <div class="swiper-viewport"> 2 <div id="slideshow{{ 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 slideshow{{ 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 $('#slideshow{{ module }}').swiper({ 15 mode: 'horizontal', 16 slidesPerView: 1, 17 pagination: '.slideshow{{ module }}', 18 paginationClickable: true, 19 nextButton: '.swiper-button-next', 20 prevButton: '.swiper-button-prev', 21 spaceBetween: 30, 22 autoplay: 2500, 23 autoplayDisableOnInteraction: true, 24 loop: true 25 }); 26 --></script>