Verbessert die Galerie-Seite.

1 files changed, 63 insertions, 42 deletions

diff --git a/gospeladlershof.de/layouts/galerie/single.html b/gospeladlershof.de/layouts/galerie/single.html
index f79ca85..0f1d6bf 100644
--- a/gospeladlershof.de/layouts/galerie/single.html
+++ b/gospeladlershof.de/layouts/galerie/single.html
@@ -6,150 +6,171 @@
     <section class="no-padding" id="galerie" data-track-content data-content-name="galerie"> 
         <div class="container-fluid">
             <div class="row no-gutter popup-gallery">
-                <div class="col-lg-4 col-sm-6">
+
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_1.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_1.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_1.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_1.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_2.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_2.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_2.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_2.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_3.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_5.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_5.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_5.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_4.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_4.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_4.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_4.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_5.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_15.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_15.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_15.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_6.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_12.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_12.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_12.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
-<div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_7.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+<!--div class="col-lg-4 col-sm-6">
+                    <a href="../img/galerie/galerie_3.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_3.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_3.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
-                </div>
+                </div-->
+
+
+		<!--/div>
+            <div class="row no-gutter popup-gallery"-->
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_8.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_6.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_6.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_6.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_9.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_7.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_7.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_7.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_10.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_10.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_10.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_10.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_11.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_11.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_11.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_11.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_12.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_8.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_8.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_8.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_13.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_16.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_16.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_16.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
+            </div>
+            <div class="row no-gutter popup-gallery">
+
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_14.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_9.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_9.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_9.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
+
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_15.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_14.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_14.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_14.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
+                <div class="col-lg-4 col-sm-6">
+                    <a href="../img/galerie/PB180249.JPG" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'PB180249.JPG']);">
+                        <img style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/PB180249_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                        <div class="portfolio-box-caption">
+                        </div>
+                    </a>
+                </div>
+
 
+<!--
 <div class="col-lg-4 col-sm-6">
-                    <a href="../img/galerie/galerie_$i.jpg" class="portfolio-box" onclick="javascript:_paq.push([trackEvent, bild, galerie_16.jpg]);">
-                        <img  style="display:none;" onload="this.style.display=;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_$i_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/galerie_13.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_13.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_13.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
 
-		<!-- Diese beiden Bilder werden auf die Medienseite verschoben. -->
-                <!--div class="col-lg-4 col-sm-6">
-                    <a href="img/galerie/PB180202.JPG" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'PB180202.JPG']);">
-                        <img style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/galerie/thumbnails/PB180202_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+<div class="col-lg-4 col-sm-6">
+                    <a href="../img/galerie/galerie_17.jpg" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'galerie_17.jpg']);">
+                        <img  style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/galerie_17.jpg" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
                 </div>
+-->
+
+		<!-- Diese beiden Bilder werden auf die Medienseite verschoben. -->
+		<!--
                 <div class="col-lg-4 col-sm-6">
-                    <a href="img/galerie/PB180249.JPG" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'PB180249.JPG']);">
-                        <img style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/galerie/thumbnails/PB180249_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
+                    <a href="../img/galerie/PB180202.JPG" class="portfolio-box" onclick="javascript:_paq.push(['trackEvent', 'bild', 'PB180202.JPG']);">
+                        <img style="display:none;" onload="this.style.display='';" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../img/galerie/thumbnails/PB180202_thumb.JPG" class="img-responsive chor-thumbnail" alt="">
                         <div class="portfolio-box-caption">
                         </div>
                     </a>
-                </div-->
+                </div>
+		-->
             </div>
         </div>
     </section>