Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:grafik:simplelightbox

Dies ist eine alte Version des Dokuments!


SimpleLightBox

https://github.com/dbrekalo/simpleLightbox

Einfache Lightbox mit Gallery Function

Lightbox Sourcecode

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="x" href="demo/images/4big.jpg" title="Caption for gallery item 1"><img src="demo/images/4small.jpg" alt="Gallery image 1" /></a>
    <a class="x" href="demo/images/5big.jpg" title="Caption for gallery item 2"><img src="demo/images/5small.jpg" alt="Gallery image 2" /></a>
    <a class="x" 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  .x'});
    // or if using jQuery
    // $('.imageGallery1 a').simpleLightbox();
</script>
</body>
</html>
Diese Website verwendet nur für den Betrieb notwendige Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer sowie den Datenschutzbestimmungen zu. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren:grafik (411 views) · Zuletzt geändert: 22/05/2020 13:11 von conny

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki