2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-14 11:05:32 +00:00

Adds gallery / carousel for app images

This commit is contained in:
Oliver Walters
2022-08-08 10:58:03 +10:00
parent 4ed0ad193f
commit 870b1dfdb3
34 changed files with 12895 additions and 0 deletions

View File

@ -0,0 +1,26 @@
<section id='image-carousel' class='splide'>
<div class='splide__track'>
<ul class='splide__list' style='list-style-type: none; list-style: none;'>
{% for image in site.static_files %}
{% if image.path contains 'appgallery/' %}
<li class='splide__slide'>
<img src="{{ image.path | relative_url }}" alt="" />
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</section>
<script>
document.addEventListener( 'DOMContentLoaded', function () {
new Splide('#image-carousel', {
type: 'loop',
perPage: 3,
autoPlay: true,
pagination: false,
// pagination: false,
// focus: 'center',
}).mount();
});
</script>