- Betroffene Version
- WoltLab Suite 5.4
Hey allerseits,
hat jemand von euch Erfahrungen damit JS-Galerie-Libraries in WSC-CMS-Seiten zu nutzen? Ich habe unter Anderem Lightgallery.js, PhotoSwipe und Nanogallery getestet und alles wird im WSC auf mir unerklärbare Weise unnutzbar (keine Fehlermeldungen, alles korrekt eingebunden, aber dennoch kein Effekt) gemacht.
Mein Schema sieht wie folgt aus:
Code: Head-Code
<link type="text/css" rel="stylesheet" href="custom3rdParty/lightgallery.js/css/lightgallery.css" />
Code: Footer-Code
<script data-relocate="true" src="custom3rdParty/lightgallery.js/js/lightgallery.min.js"></script>
<!-- lightgallery plugins -->
<script data-relocate="true" src="custom3rdParty/lightgallery.js/js/lg-thumbnail.min.js"></script>
<script data-relocate="true" src="custom3rdParty/lightgallery.js/js/lg-fullscreen.min.js"></script>
<script type="text/javascript" date-relocate="true">
document.onload = function(){
lightGallery(document.getElementById('lightGallery'));
};
</script>
Alles anzeigen
Code: CMS-Seite
<div id="lightGallery">
<a href="{{ media="5" size="original" }}">
<img src="{{ media="5" size="small" }}" />
</a>
<a href="{{ media="4" size="original" }}">
<img src="{{ media="4" size="small" }}" />
</a>
<a href="{{ media="2" size="original" }}">
<img src="{{ media="2" size="small" }}" />
</a>
<a href="{{ media="3" size="original" }}">
<img src="{{ media="3" size="small" }}" />
</a>
<a href="{{ media="6" size="original" }}">
<img src="{{ media="6" size="small" }}" />
</a>
<a href="{{ media="1" size="original" }}">
<img src="{{ media="1" size="small" }}" />
</a>
<a href="{{ media="9" size="original" }}">
<img src="{{ media="9" size="small" }}" />
</a>
<a href="{{ media="7" size="original" }}">
<img src="{{ media="7" size="small" }}" />
</a>
<a href="{{ media="8" size="original" }}">
<img src="{{ media="8" size="small" }}" />
</a>
</div>
Alles anzeigen
Ganz nach diesem: https://sachinchoolur.github.io/lightgallery.js/docs/