Logic added to carousel control

This commit is contained in:
ahmadbilalkhalid 2020-04-26 10:15:25 +05:00
parent 63435ce27d
commit 95837d957c
3 changed files with 19 additions and 3 deletions

View File

@ -66,3 +66,15 @@ button_link: http://www.google.com
background_image: video-call.jpg
----
video_mp4:
#### slide ####
title: Jitsi
----
description: A very reasonable open source video conferencing tool
----
button_text: Click Me
----
button_link: https://google.com
----
background_image: jitsi.jpg
----
video_mp4:

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

View File

@ -121,9 +121,13 @@
<!-- Start of Slider -->
<div id="head-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#head-carousel" data-slide-to="0" class="active"></li>
<li data-target="#head-carousel" data-slide-to="1"></li>
<!-- <li data-target="#head-carousel" data-slide-to="2"></li> -->
{% for slide in this.slide.blocks %}
{% if loop.index0 == 0 %}
<li data-target="#head-carousel" data-slide-to="0" class="active"></li>
{% else %}
<li data-target="#head-carousel" data-slide-to="{{ loop.index0 }}"></li>
{% endif %}
{% endfor %}
</ol>
<div class="carousel-inner">
{{ this.slide }}