Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:grafik:simplelightbox

SimpleLightBox

Einfache Lightbox mit Gallery Function

Beschreibung

Vorschau / Beispiel


Source Code Beispiel

example.html
<html>
<head>
<link rel="stylesheet" href="dist/simpleLightbox.min.css">
<script src="dist/simpleLightbox.min.js"></script>
</head>
<body>
 
<div class="imageGallery1">
    <a class="picx" href="demo/images/4big.jpg" title="Caption for gallery item 1"><img src="demo/images/4small.jpg" alt="Gallery image 1" /></a>
    <a class="picx" href="demo/images/5big.jpg" title="Caption for gallery item 2"><img src="demo/images/5small.jpg" alt="Gallery image 2" /></a>
    <a class="picx" href="demo/images/6big.jpg" title="Caption for gallery item 3"><img src="demo/images/6small.jpg" alt="Gallery image 3" /></a>
    <a href="http://www.test.de" >Test</a>
</div>
 
<script>
    new SimpleLightbox({elements: '.imageGallery1 .picx'});
    // or if using jQuery
    // $('.imageGallery1 a').simpleLightbox();
</script>
</body>
</html>


Source Code Download

Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren:grafik (112 views) · Zuletzt geändert: 07/02/2021 12:39 von conny