|
|||
Mehrere Photoswipe-Galerien auf gleicher Seite
Liebe Community
Ich benutze auf einer Website die Photoswipe-Galerie. Diese finde ich vor allem für den Einsatz auf mobilen Browsern toll und sie funktioniert soweit auch sehr gut! Nun habe ich folgendes Problem. Auf der selben Seite sollte ich zwei mal die Photoswipe-Galerie einsetzen. Wenn ich das mache, kann man nur die erste Galerie korrekt betrachten (also als Phtoswipe). Bei der zweiten Galerie werden die Bilder einfach im Browser-Fenster geöffnet. Eigentlich klar, dachte ich mir... Schliesslich kann ja nicht zweimal die selbe ID (#Gallery) verwendet werden: HTML-Code:
<h2>Zwischentitel 1</h2> <p>Text 1</p> <!-- Start Photoswipe --> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function(){ Code.photoSwipe('a', '#Gallery'); }, false); </script> <script type="text/javascript"> document.write('<style>.noscript { display: none; }</style>'); </script> <div id="Gallery"> <a href="files/021.jpg" ><img src="/?rex_resize=65w__021.jpg" alt="" style="float:left; margin:2px;"></a><a href="files/028.jpg" ><img src="/?rex_resize=65w__028.jpg" alt="" style="float:left; margin:2px;"></a><a href="files/029.jpg" ><img src="/?rex_resize=65w__029.jpg" alt="" style="float:left; margin:2px;"></a></div> <br class="clear"> <!-- Stop Photoswipe --> <h2>Zwischentitel 2</h2> <p>Text 2</p> <!-- Start Photoswipe --> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function(){ Code.photoSwipe('a', '#Gallery'); }, false); </script> <script type="text/javascript"> document.write('<style>.noscript { display: none; }</style>'); </script> <div id="Gallery"> <a href="files/dsc00750.jpg" ><img src="/?rex_resize=65w__dsc00750.jpg" alt="" style="float:left; margin:2px;"></a><a href="files/dsc00751.jpg" ><img src="/?rex_resize=65w__dsc00751.jpg" alt="" style="float:left; margin:2px;"></a></div> <br class="clear"> <!-- Stop Photoswipe --> HTML-Code:
<!-- Start Photoswipe --> Code.photoSwipe('a', '#Gallery1'); <div id="Gallery1"> .. </div> <!-- Stop Photoswipe --> <!-- Start Photoswipe --> Code.photoSwipe('a', '#Gallery2'); <div id="Gallery2"> ... </div> <!-- Stop Photoswipe --> Weiss vielleicht jemand woran es liegen könnte? Geändert von Fanello (18.02.2015 um 11:48 Uhr) |
Sponsored Links |
|
|||
Auf der getting-started Seite ist ein Beispiel für zwei Galerien auf einer Seite, woran scheitert es, das einfach nachzubauen? Du hast dort das JS, CSS und HTML.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Seite in Seite | B3ndech0 | Javascript & Ajax | 12 | 06.01.2010 14:42 |
Wordpress Seite Passwort-Schützen? | sepp88 | Serveradministration und serverseitige Scripte | 5 | 01.11.2009 13:56 |
Seite wird auf anderem Computer falsch dargestellt | Patrick Egli | CSS | 3 | 01.11.2009 11:40 |
Shtml auf jeder Seite einbinden - counter | iVx | Serveradministration und serverseitige Scripte | 1 | 13.09.2007 18:31 |
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite | Chico_wau | CSS | 2 | 14.05.2007 19:08 |