Forum für CMS/made simple

COR9

Server-Pate

Ort: Dresden

Registriert: 09. November 2010

Beiträge: 281

[GELÖST] photoswipe: JS-Call mit mehreren Instanzen

Ich lade auf eine Seite verschiedene Projekte (= News-Artikel). Jedem Artikel ist eine photoswipe-Galerie zugeordnet.
Problem: photoswipe zeigt mir natürlich die Fotos alle in einem Loop, da als Schlüssel die CSS-Klasse gal fungiert. class oder id könnte ich im Gallerytemplate dynamisch vergeben (z.B. indem ich den Galerietitel einsetze).

Wie aber bringe ich dem JS-Call bei, dass es mehrere Instanzen resp. Bildgruppen resp. Galerien pro Seite gibt, die auch so im jeweiligen photoswipe anzuzeigen sind?

Ich benutze das von Klenkes unter http://www.cmsmadesimple.de/forum/viewtopic.php?id=2826 beschriebene Template.

JavaScript: photoswipe-Call via starre CSS-Klasse

 Hier klicken, um den Code zum Kopieren zu markieren

$(document).ready(function(){
  var fotos = $(".ps-gallery a.gal").photoSwipe({ imageScaleMethod: 'fitNoUpscale', captionAndToolbarAutoHideDelay: '8000' });
});

Und hier der Ausschnitt aus dem Galerie-Template:

 Hier klicken, um den Code zum Kopieren zu markieren

<ul class="ps-gallery">
{foreach from=$images item=image}
  {if $image->isdir}<li><a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb}" alt="{$image->titlename}" /></a><br />{$image->titlename}</li>
{else}
  <li>
    <a href="{$image->file}" title="{$image->titlename}" class="gal">
    <img src="{$image->thumb}" alt="{$image->titlename} - {$image->comment}" title="{$image->titlename}" width="80" height="80">
    </a>
  </li>
{/if}
{/foreach}
</ul>

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] photoswipe: JS-Call mit mehreren Instanzen

versuche mal folgendes

 Hier klicken, um den Code zum Kopieren zu markieren

$(document).ready(function(){
  var fotos = $(".ps-gallery").each(function(){
    $(this).find("a.gal").photoSwipe({ imageScaleMethod: 'fitNoUpscale', captionAndToolbarAutoHideDelay: '8000' });
 });
});

wenn ich dich richtig verstanden habe, hast du mehrere galerien auf einer seite und du möchtest aber im photoswipe den durchlauf gruppiert haben. also wenn galerie A durchgelaufen ist, gehts bei Galerie A von vorne los statt Bilder der Galerie B anzuzeigen.

Beitrag geändert von nicmare (11. Juli 2013 12:17)

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

COR9

Server-Pate

Ort: Dresden

Registriert: 09. November 2010

Beiträge: 281

Re: [GELÖST] photoswipe: JS-Call mit mehreren Instanzen

Danke, nicmare. Und ich muss nicht mal was im Template ändern.