website/templates/html/slideshow.html

{% if slideshow %}
{{ slideshow_header }}
<div id="myCarousel" class="carousel slide">
	<div class="carousel-inner">
		{% for slide in obj.slides %}
		<div class="{% if slide.idx==1 %}active {% endif %}item">
			<img src="{{ slide.image }}" />
			{% if slide.heading or slide.description %}
			<div class="carousel-caption">
				{% if slide.heading %}<h4>{{ slide.heading }}</h4>{% endif %}
				{% if slide.heading %}<p>{{ slide.description }}</p>{% endif %}
			</div>
			{% endif %}
		</div>
		{% endfor %}
	</div>
	<a class="carousel-control left" href="#myCarousel"
		data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
		data-slide="next">&rsaquo;</a>
	</div>
	<script>$(".carousel").carousel();</script>
{% endif %}