PS: Link hab ich geändert!

Deine Reihenfolge der Javascripts:
1. klass.min.js
2. photoswipe.min.js
3. photoswipe Initialisierung!
4. jQuery

Danach kommt lightbox.js und deshalb funktioniert das auch.

Du solltest jQuery noch vor klass.min.js einbinden.

P.S.
Dein Link oben ist falsch. Das Link am Ende muss weg.

Es hapert bei mir wieder mal am Photoswipe - Ich hab hier eine Seite gebastelt Link.
Unten sieht man ein paar Bilder - klickt man darauf bekommt man sie mittels einer Lightbox angezeigt. Verkleinert man jetzt das Browserfenster merkt man, dass er eine andere Galerie lädt - hier sollte per Klick Photoswipe starten - tut er aber leider nicht.

Angezeigt werden die Bilder mit dem Gallery-Modul - hier das Template:

<div class="gallery">

<!--{if !empty($module_message)}<h2>{$module_message|escape}</h2>{/if}
{if !empty($gallerytitle)}<h2>{$gallerytitle}</h2>{/if}
{if !empty($gallerycomment)}<p>{$gallerycomment}</p>{/if}
<p>{$imagecount}</p>

<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>-->

<ul class="block-grid six-up mobile-four-up 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}">
    </a>
  </li>
{/if}
{/foreach}
</ul>

<!--[if lte IE 6]>
<p class="alert">Ihr InternetExplorer ist leider zu alt um die Bilder als Galerie anzuzeigen.
Sorry...</p>
<![endif]-->

<div class="galleryclear">&nbsp;</div>
</div><!-- /gallery -->

<script type="text/javascript" src="photoswipe/js/klass.min.js"></script>
<script type="text/javascript" src="photoswipe/js/photoswipe.min.js"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  var fotos = $(".ps-gallery a.gal").photoSwipe({ imageScaleMethod: 'fitNoUpscale', captionAndToolbarAutoHideDelay: '8000' });
});
</script>

Firebug gibt mir das hier aus:

ReferenceError: $ is not defined
	
$(document).ready(function(){

Vielleicht könnt ihr das Problem finden - Vielen Dank!

/edit
hab es hinbekommen.

Ich weiß leider nicht wie Gallery im Detail arbeitet aber für sieht es so aus als würde er bei einem Ordnerwechsel das Template nicht übergeben.

Richtig.
Vor allem nicht, wenn man pretty-URLs nutzt.
Denn der vom Standard abweichende Parameter müsste ja im Link zum Unterverzeichnis wieder mitgegeben werden. Ist bei pretty-URLs aber nicht möglich. Somit weiß die Gallery nicht, welches Template sie anzeigen soll bzw. nimmt dann wieder das Standard-Template. Ist hier ja auch beschrieben. Ohne am Gallery-Modul rumzufummeln wirst Du das mit unterschiedlichen Templates nicht regeln können.
Es sei denn, Du schaffst es, die beiden Templates in einem einzigen Template zusammenzufassen und die Ausgabe mit Hilfe von {if}-Bedingungen zu steuern.

nochmal zur Erklärung.

Ich rufe auf einer Seite "Bilder" mittels {Gallery} die Fotogalerie auf. Das Standard Template ist die Fancybox.
Im Template der Seite "Bilder" wird zuvor mittels Toolbox geprüft ob ein mobiles Gerät genutzt wird:

			{if ($tbmobile->isMobile())}   
			  {redirect_url to="bilder-mobil"}
			{else}
			  {$capturedcontent}
			{/if}

Ist dies der Fall wird auf eine Unterseite "Bilder-Mobil" weitergeleitet. Die Seite "Bilder-Mobil" enthält den den Aufruf {Gallery template="photoswipe"}

Das funktioniert auch problemlos.

Meine Galerie hat folgenden Aufbau:

oberste Ebene: 2009 | 2012 | 2011 | 2012 | 2013
die nächst tiefere Ebene gliedert dann weiter auf: Januar | Februar | März | April | Mai | etc...
dann folgt die nächste Ebene: Event1 | Event2 | Event3 | Event4 | etc...
erst dann kommen die Bilder

Ich arbeite mich als durch die Ordner zu einem bestimmten Event: 2009 -> April -> Event 4 -> Bilder

Das ganze funktioniert auf der Seite "Bilder" mit dem Standardtemplate problemlos.
Anders sieht es auf der Seite "Bilder-Mobil" aus, für die ja ein vom Standard abweichendes Template angegeben ist. Das Template funktioniert hier nur wenn ich direkt auf der obersten Ebene (in meinem Beispiel bei den Jahren) oder aber den Ordner mittels "dir="2009 -> April -> Event 4"" angebe (was ja im Prinzip das gleiche ist).
Ich weiß leider nicht wie Gallery im Detail arbeitet aber für sieht es so aus als würde er bei einem Ordnerwechsel das Template nicht übergeben.
Alle Alternativen die ich bisher probiert habe funktionieren entweder nicht oder sind total unhandlich und damit unbrauchbar.

Ich hoffe euch fällt dazu noch was ein...

Wenn Du im Modulaufruf (sprich in den PHP-Dateien) eine Abfrage über das Endgerät starten kannst, müsste es gehen.
Meine Kenntnisse gehen nicht so weit. Davon abgesehen ist jedes Update ein Risiko dass dieser Abfrage-Aufruf mit einer aktualisierten Datei überschrieben wird und - je nach Umsetzung und Fallback im eigentlichen Template/Gallery-Aufruf - möglicherweise gar nichts mehr geht.

Wie schon gesagt, die Nummer mit der globalen Variable die sich auch in den unterschiedlichen Modulen verwenden lässt, wäre die Finale Lösung.

Nur so als Idee ... könnte man nicht einfach grundsätzlich z.b. mit dem Toolbox-Modul die Geräteklasse abfragen und das Ergebnis in eine Session-Variable schieben? Die kannste doch dann überall abfragen ...

Servus,
Alex

ich probiere es heute abend mal auf dem Entwicklungsserver aus. Nimmt mich wunder.

Hattest du zwischenzeitlich mal Gelegenheit drüber zu schauen?

Sonst fällt mir dazu leider auch nix ein.

TypeError: this.cache.images[b] is undefined http://www.davidb.at/photoswipe/js/photoswipe.min.js Line 104

Was kanns da haben?

Hier ist das Javascript-Template aus der Gallery:

<script type="text/javascript" src="photoswipe/js/klass.min.js"></script>
<script type="text/javascript" src="photoswipe/js/photoswipe.min.js"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  var fotos = $(".ps-gallery a.gal").photoSwipe({ imageScaleMethod: 'fitNoUpscale', captionAndToolbarAutoHideDelay: '8000' });
});
</script>

Vielen Dank, falls ihr (du) da einen Rat hättet...

Du hast bei allen Untergallery kein Template definiert, oder?

Ja, es ist kein Template definiert.

Macht es nicht.

Meine Rede... 
Deswegen ja der blöde workaround.
Ich hab halt das Problem zur Lösung gemacht - mein Kunde bearbeitet ja eh nichts auf der Seite und ich hab für jede Fotogalerie ein eigenes Link-Image hinterlegt.
Eine einfachere Lösung konnte ich nicht finden, außer...

Wenn Du im Modulaufruf (sprich in den PHP-Dateien) eine Abfrage über das Endgerät starten kannst, müsste es gehen.
Meine Kenntnisse gehen nicht so weit. Davon abgesehen ist jedes Update ein Risiko dass dieser Abfrage-Aufruf mit einer aktualisierten Datei überschrieben wird und - je nach Umsetzung und Fallback im eigentlichen Template/Gallery-Aufruf - möglicherweise gar nichts mehr geht.

Wie schon gesagt, die Nummer mit der globalen Variable die sich auch in den unterschiedlichen Modulen verwenden lässt, wäre die Finale Lösung. Beispielsweise das Formbuilder-Modul bietet doch einen UDT-Aufruf im Zusammenhang mit Aktionen, nicht?
Wird sowas zur Richtlinie für neue / aktualisierte Module oder ist das ein Einzelfall?

~~~
@nockenfell:
In der Gallery kannst Du ja nur 1 Standard-Template festlegen, wie in jedem Modul.
Ein anderes Template lässt sich über den Tag auswählen, in der Seitenstruktur {Gallery template="X"}. Die Entwickler waren sicher der Ansicht, dass das genügt - was es ja normalerweise auch tut...

Ich habe versucht im Template der Gallery eine {if}-Funktion einzubauen und mit einem kombinierten CSS, sowie der Einbindung der JS-Dateien je nach {if}-return-Ausgabe das eine oder andere Template quasi zu laden.

Aber im Modulaufruf kann die von mir gesetzte Variable ob Mobilgerät oder nicht, nicht verwertet werden. Warum genau, weiß ich nicht. Da das bei allen Modulen so ist, z.B. auch das {news}-Modul in dessen Detail- oder Zusammenfassungs-Template mit der $mobile-Variable nichts anfangen kann, hab ich es schulterzuckend hingenommen...

Da diese aber im {content} zum Glück verfügbar ist, funktioniert der workaround ... wenn man sich die Arbeit zumuten will, bzw. dem Kunden zumuten kann.

Ungetestet:
Wenn die Gallery mit dem template Parameter aufgerufen wird, sollte sich das Template eigentlich über alle Subgallerien auswirken. Somit müsste ein einfacher Aufruf von

[== Site-Content ==]
{if $rawdevicetype == "computer"}
    {Gallery template='OnionBox' }
 {elseif $rawdevicetype == "phone" || $rawdevicetype == "tablet"}
    {Gallery template='OnionsBoxMobile'}
{/if}

klappen. Natürlich könnte das ganze auch direkt in einem Gallerytemplate gemacht werden. Hier kann allerdings im JS und CSS kein Smarty ausgeführt werden.

Macht es nicht.