add: carousel for home
This commit is contained in:
parent
d66637f840
commit
f1a81fd958
2 changed files with 14 additions and 2 deletions
|
@ -20,7 +20,7 @@
|
||||||
<div class="card-columns">
|
<div class="card-columns">
|
||||||
{% for media_item in child.media.images[:10] %}
|
{% for media_item in child.media.images[:10] %}
|
||||||
<div class="card">
|
<div class="card">
|
||||||
{{ media_item.html }}
|
{{ media_item.quality(25).html }}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -17,7 +17,19 @@ <h1 class="d-inline">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-6">
|
<div class="col-12 col-md-6">
|
||||||
<img width="100%" src="{{ url('theme://images/home_slideshow.gif') }}" />
|
<div id="home-carousel" class="carousel slide" data-ride="carousel" data-interval="4000">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
{% for media_item in page.media.images %}
|
||||||
|
{% set class_active = '' %}
|
||||||
|
{% if loop.first %}
|
||||||
|
{% set class_active = ' active' %}
|
||||||
|
{% endif %}
|
||||||
|
<div class="carousel-item{{ class_active }}">
|
||||||
|
<img class="d-block" src="{{ media_item.resize(540, 400).quality(75).url }}">
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr class="mb-4">
|
<hr class="mb-4">
|
||||||
|
|
Loading…
Reference in a new issue