Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

slide of thumbnails experiments

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
.classpath
View File

@ -6,13 +6,6 @@
<attribute name="gradle_used_by_scope" value="main,test"/>
</attributes>
</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">
<attributes>
<attribute name="gradle_scope" value="main"/>

2
.project
View File

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

2
build.gradle
View File

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

7
src/main/resources/static/css/style.css
View File

@ -527,3 +527,10 @@ div {
color: #0d6efd;
text-decoration: underline;
}
.thumbswipe {
-webkit-overflow-scrolling: touch;
max-height: 100px;
overflow-x: auto;
overflow-y: hidden;
}

14
src/main/resources/templates/allgemeines.html
View File

@ -23,12 +23,14 @@
<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>
</div>
<div class="col-12" style="max-height: 100px; overflow: auto">
<th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}">
<a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}">
<img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" />
</a>
</th:block>
<div class="col-12 thumbswipe">
<div style="min-width: 13000px"><!-- omits line break -->
<th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}">
<a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}">
<img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" />
</a>
</th:block>
</div>
<script th:inline="javascript">
Fancybox.bind('[data-fancybox="gallery"]', {
});