slide of thumbnails experiments

This commit is contained in:
jotty
2025-05-31 10:25:38 +02:00
parent 485a222be4
commit 4c32a12d2d
5 changed files with 17 additions and 15 deletions

View File

@ -6,13 +6,6 @@
<attribute name="gradle_used_by_scope" value="main,test"/> <attribute name="gradle_used_by_scope" value="main,test"/>
</attributes> </attributes>
</classpathentry> </classpathentry>
<classpathentry kind="src" output="bin/test" path="src/test/java">
<attributes>
<attribute name="gradle_scope" value="test"/>
<attribute name="gradle_used_by_scope" value="test"/>
<attribute name="test" value="true"/>
</attributes>
</classpathentry>
<classpathentry kind="src" output="bin/main" path="src/main/resources"> <classpathentry kind="src" output="bin/main" path="src/main/resources">
<attributes> <attributes>
<attribute name="gradle_scope" value="main"/> <attribute name="gradle_scope" value="main"/>

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<projectDescription> <projectDescription>
<name>camporganizer2</name> <name>CampOrganizer2</name>
<comment></comment> <comment></comment>
<projects> <projects>
</projects> </projects>

View File

@ -8,7 +8,7 @@ plugins {
} }
group = 'de.jottyfan.camporganizer' group = 'de.jottyfan.camporganizer'
version = '0.9.6' version = '0.9.7'
description = """CampOrganizer2""" description = """CampOrganizer2"""

View File

@ -526,4 +526,11 @@ div {
.hoverlink:hover { .hoverlink:hover {
color: #0d6efd; color: #0d6efd;
text-decoration: underline; text-decoration: underline;
}
.thumbswipe {
-webkit-overflow-scrolling: touch;
max-height: 100px;
overflow-x: auto;
overflow-y: hidden;
} }

View File

@ -23,12 +23,14 @@
<div class="col-12 center mb-3"> <div class="col-12 center mb-3">
<a href="#" onclick="$('#fotoblock').fadeOut(1000); $('#welcomeblock').slideDown('slow');" class="btn btn-outline-secondary"><i class="fas fa-arrow-up"></i>&nbsp;Startseite</a> <a href="#" onclick="$('#fotoblock').fadeOut(1000); $('#welcomeblock').slideDown('slow');" class="btn btn-outline-secondary"><i class="fas fa-arrow-up"></i>&nbsp;Startseite</a>
</div> </div>
<div class="col-12" style="max-height: 100px; overflow: auto"> <div class="col-12 thumbswipe">
<th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}"> <div style="min-width: 13000px"><!-- omits line break -->
<a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}"> <th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}">
<img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" /> <a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}">
</a> <img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" />
</th:block> </a>
</th:block>
</div>
<script th:inline="javascript"> <script th:inline="javascript">
Fancybox.bind('[data-fancybox="gallery"]', { Fancybox.bind('[data-fancybox="gallery"]', {
}); });