Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- programmieren:grafik:simplelightbox [22/05/2020 13:12] – conny
+++ programmieren:grafik:simplelightbox [07/02/2021 12:39] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
 ==== SimpleLightBox ====
+Einfache Lightbox mit Gallery Function\\
-https://github.com/dbrekalo/simpleLightbox\\
 \\
-Einfache Lightbox mit Gallery Function\\
+=== Beschreibung ===
+http://dbrekalo.github.io/simpleLightbox/\\
+\\
+=== Vorschau / Beispiel ===
 {{programmieren:grafik:sd6tk8hbl9.png}}
 \\
-[[https://github.com/dbrekalo/simpleLightbox|Lightbox Sourcecode]]\\
+=== Source Code Beispiel ===
-\\
-=== Beispiel ===
-<code javascript | html>
+<code javascript| example.html>
 <html>
 <head>
@@ Zeile 21: / Zeile 19: @@
 <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="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="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="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="x" href="demo/images/6big.jpg" title="Caption for gallery item 3"><img src="demo/images/6small.jpg" alt="Gallery image 3" /></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>
+    <a href="http://www.test.de" >Test</a>
 </div>
 <script>
-    new SimpleLightbox({elements: '.imageGallery1  .x'});
+    new SimpleLightbox({elements: '.imageGallery1 .picx'});
     // or if using jQuery
     // $('.imageGallery1 a').simpleLightbox();
@@ Zeile 35: / Zeile 33: @@
 </html>
 </code>
+\\
+=== Source Code Download ===
+[[https://github.com/dbrekalo/simpleLightbox|Lightbox Sourcecode]]
+{{programmieren:grafik:simplelightbox-master.zip}}