zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Mehrere Photoswipe-Galerien auf gleicher Seite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.02.2015, 11:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.04.2005
Beiträge: 68
Fanello befindet sich auf einem aufstrebenden Ast
Standard 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 -->
Nun wollte ich das ganze umgehen, in dem ich einfach verschiedene ID's zuweise (#Gallery1, #Gallery2):

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 -->
Nun klicke ich auf ein Bild der Gallery1, und es zeigt mir aber das erste Bild der Gallery2 an. Wenn ich auf ein Bild der Gallery2 klicke, dann kommt auch das dementsprechende richtige Bild.

Weiss vielleicht jemand woran es liegen könnte?

Geändert von Fanello (18.02.2015 um 11:48 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.02.2015, 11:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.02.2015, 12:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.04.2005
Beiträge: 68
Fanello befindet sich auf einem aufstrebenden Ast
Standard

es scheitert daran, dass ich das nicht gesehen hatte!!

Ich versuchs nun gleich mal.. Danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:41 Uhr.