HennWeb

Buch erstellen
Diese Seite zum Buch hinzufügen

Buch erstellen
Diese Seite aus Buch entfernen

Buch anzeigen, ändern(0 Seite/n)

Hilfe

SimpleLightBox

Einfache Lightbox mit Gallery Function

Beschreibung

http://dbrekalo.github.io/simpleLightbox/

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

Lightbox Sourcecode

simplelightbox-master.zip