Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- programmieren:grafik:simplelightbox [22/05/2020 13:17] – conny
+++ programmieren:grafik:simplelightbox [07/02/2021 12:39] (aktuell) – conny
@@ Zeile 10: / Zeile 10: @@
 === Source Code Beispiel ===
-<code javascript | html>
+<code javascript| example.html>
 <html>
 <head>
@@ Zeile 19: / 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();