Browse Source

Logic added to carousel control

slider
_ahmedbilal 2 years ago
parent
commit
95837d957c
  1. 12
      content/u/products/video-conference/contents.lr
  2. BIN
      content/u/products/video-conference/jitsi.jpg
  3. 10
      templates/layout-2020.html

12
content/u/products/video-conference/contents.lr

@ -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:

BIN
content/u/products/video-conference/jitsi.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

10
templates/layout-2020.html

@ -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 }}

Loading…
Cancel
Save