<div class="swiper-viewport">
  <div id="banner{{ module }}" class="swiper-container">
    <div class="swiper-wrapper">{% for banner in banners %}
      <div class="swiper-slide">{% 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>
      {% endfor %}</div>
  </div>
</div>

{% if banners|length > 1 %}
<script type="text/javascript"><!--
jQuery(document).ready(function($) {
	var slideshow{{ module }}_swiper = new Swiper('#banner{{ module }}', {
	  slidesPerView: 1,
	  autoplay: {
	    delay: 3000,
	    disableOnInteraction: false
	  },
	  loop: true
	});
});
--></script>
{% endif %}
