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 background_image: video-call.jpg
---- ----
video_mp4: 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 --> <!-- Start of Slider -->
<div id="head-carousel" class="carousel slide" data-ride="carousel"> <div id="head-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
{% for slide in this.slide.blocks %}
{% if loop.index0 == 0 %}
<li data-target="#head-carousel" data-slide-to="0" class="active"></li> <li data-target="#head-carousel" data-slide-to="0" class="active"></li>
<li data-target="#head-carousel" data-slide-to="1"></li> {% else %}
<!-- <li data-target="#head-carousel" data-slide-to="2"></li> --> <li data-target="#head-carousel" data-slide-to="{{ loop.index0 }}"></li>
{% endif %}
{% endfor %}
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
{{ this.slide }} {{ this.slide }}