theme: jp-power / neuestes joomla
ich habe Bilder in einem dynamic Grid eingebunden und will dieses nun mit Hilfe von "switcher" ( getuikit.com/v2/docs/switcher.html#switcher-with-tabs ) in 2 Ansichten aufteilen. Die erste "Seite" wir korrekt geladen, bei der zweiten nur das letzte (Bild) Element.
der Code sieht so aus:
###############################
<ul class="uk-subnav uk-subnav-pill" data-uk-switcher="{connect:'#id1'}">
<li><a href="">-1-</a></li>
<li><a href="">-2-</a></li>
</ul>
<ul id="id1" class="uk-switcher uk-margin">
<li>
<div data-uk-grid="{gutter: 20}">
<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0001.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Gasthaus zum grünen "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0001.jpg" alt="Gasthaus zum grünen "><figcaption class="uk-overlay-panel uk-overlay-bottom">Gasthaus zum grünen </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0002.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0002.jpg" alt="Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Ortseinfahrt aus Richtung </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0003.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Raiffeisenbank Apotheke"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0003.jpg" alt="Raiffeisenbank Apotheke"><figcaption class="uk-overlay-panel uk-overlay-bottom">Raiffeisenbank Apotheke</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0004.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0004.jpg" alt="Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Ortseinfahrt aus Richtung </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0005.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick auf den Gasthof mit Herkulesbrunnen"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0005.jpg" alt="Blick auf den Gasthof mit Herkulesbrunnen"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick auf den Gasthof mit Herkulesbrunnen</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0006.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick vom Schwarzen zum Marktplatz"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0006.jpg" alt="Blick vom Schwarzen zum Marktplatz"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick vom Schwarzen zum Marktplatz</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0007.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick auf den Marktplatz"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0007.jpg" alt="Blick auf den Marktplatz"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick auf den Marktplatz</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0008.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick auf den Marktplatz mit Herkulesbrunnen"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0008.jpg" alt="Blick auf den Marktplatz mit Herkulesbrunnen"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick auf den Marktplatz mit Herkulesbrunnen</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0009.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Gregori in "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0009.jpg" alt="Gregori in "><figcaption class="uk-overlay-panel uk-overlay-bottom">Gregori in </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0010.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick in die Kirchstraße"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0010.jpg" alt="Blick in die Kirchstraße"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick in die Kirchstraße</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0011.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick vom schwarzen zum Marktplatz"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0011.jpg" alt="Blick vom schwarzen zum Marktplatz"><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick vom schwarzen zum Marktplatz</figcaption></figure></a></div>
</div>
</li>
<li>
<div data-uk-grid="{gutter: 20}">
<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0012.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Kolb Schmiede Eisenhandlung aterialien"><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0012.jpg" alt="Kolb Schmiede Eisenhandlung aterialien"><figcaption class="uk-overlay-panel uk-overlay-bottom">Kolb Schmiede Eisenhandlung aterialien</figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0002.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0002.jpg" alt="Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Ortseinfahrt aus Richtung </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0013.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick aufs schwarze "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0013.jpg" alt="Blick aufs schwarze "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick aufs schwarze </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0014.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick aufs schwarze "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0014.jpg" alt="Blick aufs schwarze "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick aufs schwarze </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0015.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick aufs schwarze "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0015.jpg" alt="Blick aufs schwarze "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick aufs schwarze </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0016.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick von der Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0016.jpg" alt="Blick von der Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick von der Ortseinfahrt aus Richtung </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0017.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick von der Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0017.jpg" alt="Blick von der Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick von der Ortseinfahrt aus Richtung </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0018.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Gasthaus zum grünen "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0018.jpg" alt="Gaststätte zum grünen "><figcaption class="uk-overlay-panel uk-overlay-bottom">Gasthaus zum grünen </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0019.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Gasthaus zum grünen "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0019.jpg" alt="Gasthaus zum grünen "><figcaption class="uk-overlay-panel uk-overlay-bottom">Gasthaus zum grünen </figcaption></figure></a></div>

<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0020.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Gasthaus zum grünen "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0020.jpg" alt="Gasthaus zum grünen "><figcaption class="uk-overlay-panel uk-overlay-bottom">Gasthaus zum grünen </figcaption></figure></a></div>
<div class="uk-width-small-1-2 uk-width-medium-1-4"><a href="images/Bilder/altneu/big/JPEG/Alt_Neu_0021.jpg" data-uk-lightbox="{group:'altneu'}" data-uk-lightbox title="Blick von der Ortseinfahrt aus Richtung "><figure class="uk-overlay uk-overlay-hover"><img class="uk-border-rounded" src="images/Bilder/altneu/art/JPEG/Alt_Neu_0021.jpg" alt="Blick von der Ortseinfahrt aus Richtung "><figcaption class="uk-overlay-panel uk-overlay-bottom">Blick von der Ortseinfahrt aus Richtung </figcaption></figure></a></div>
</div>
</li></ul>
####################
Was mache ich falsch?
Danke

Hallo,
machen sie erst mal einen kleinen Switch ohne ihren Inhalt.
Wenn dieser dann funktioniert, können sie ihren Inhalt einfügen.

Switcher Menu: Benötigt eine ID

<!-- This is the container of the toggling elements -->
<ul data-uk-switcher="{connect:'#my-id'}">
<li><a href="">...</a></li>
</ul>

Hier dann die einzelen Switchs

<!-- This is the container of the content items -->
<ul id="my-id" class="uk-switcher">
<li>...</li>
</ul>

nur der switcher geht, aber mit den Bildern / bzw dem dynamic Grid kommt es zum Fehler. Ich mache es jetzt einfach ohne.

Gibt es den eine andere Möglichkeit viele Bilder nach und nach zu laden, also nicht das gleich 100 geladen werden sondern erstmal 20 und dann wieder 20?
Danke für die Hilfe

Hallo, wenn sie die Bilder im Switcher einstelle, werden immer alle geladen.
Nur weil sie die Bilder bicht sehen, heisst das nicht, dass ddie Bilder nicht geladen werden müssen.

Warum benutzen sie nicht das Mosaic?
www.rockettheme.com/docs/joomla/extensio...ocket/mosaic_mode.md

Ok, danke, dann hätte es mir sowieso nichts gebracht...
Mosaic habe ich zu beginn genutzt, allerdings fehlt mir hier in der lightbox Ansicht die möglichkeit Bildergruppen zu erstellen um in der ligthbox die Bilder zu wechseln. Man muss die lightbox schließen und fürs nächste Bild wieder öffnen. Deshalb bin ich zum dynamic Grid + Lightbox gewechselt.
Das ist aber alles schon ein recht spezielles Problem welches wohl über den normalen Support hinausgeht. Ich muss mich wohl noch etwas mit dem Thema beschäftigen.
Bei der Gelegenheit möchte ich mich auch nochmal für den schnellen und kompetenten Support bedanken.

Sie können auch Bildergruppen im Mosaic erstellen.
Da wir die Lightbox in das Mosaic ganz "normal" eingebunden haben, könnte man die Lightbox natürlich auch gruppieren.
Aber die Gruppierung geht natürlich nur für alle Bilder des Mosaic Modules und nicht für einzelene Bildergruppen.
Folgende Datei bearbeiten:
\jp-power\roksprocket\layouts\mosaic\themes\default\item.php



Und nun den rot markierten Code durch den Code unten ersetzen
data-uk-lightbox="{group:'my-group'}"