Integrierte Lightbox modifizieren

Hallo Leute,

ich bin total begeistert von Contao aber ich hab da etwas das mich gewaltig stört.

Und zwar finde ich es extrem lästig das man bei der mit dem Core ausgelieferten Galerie immer die Goßansicht schliessen muss und dann eine Seite weiter clickt und dann wieder das erste Bild der Seite öffnen muss.

Wenn ich jetzt 40 Bilder habe kann ich diese nicht alle auf einer Seite anzeigen lassen und so wähle ich meist 10 Bilder pro Seite, das bedeutet das der User jetzt 10 Bilder in der Großansicht gemütlich durchclicken kann dann aber die Lightbox schliessen muss und eine Seite weiterclickt damit er die nächsten 10 sehen kann.

Gibt es eine möglichkeit die Galerie so weit zu modifizieren das nach dem 10 Bild automatisch die 10 Biler der nächsten Seite geladen werden oder sowas?

Ich hoffe man verstehe was ich damit meine :)

Wäre für einen Lösungsansatz sehr dankbar.

LG

G

Hallo grand,

per Suchfunktion habe ich zumindest schon mal einen sehr ähnlichen Thread gefunden. Lösung gibt es dort aber wohl auch (noch) keine.

HI

Also möglich wäre es sicherlich, man müsste eben nach den ersten zehn Bildern im Template gallery_*.tpl alle übrigen Bilder zumindest noch als Link ausgeben, nur eben keine Vorschaubilder mehr.

Sebastian

Hallo Jungs,

das klingt sehr interessant, wenn keine Vorschaubilder geladen werden nur die Links zu den Bildern würde das die Ladezeiten auch nicht beeinflussen oder?

Dann frage ich mich aber wieso das noch nicht in das Lightbox Script übernommen wurde das is ja eine gewaltige Schwäche des Moduls.

Danke für die Aufklärung jedenfalls!!

LG

GD

Hallo grand,
wenn man mal von ca. 100 Bildern ausgeht.. die man normalerweise ja auf Seiten verteilt (was du ja auch möchtest), dann werden zum Beispiel ja nur 10 geladen jeweils. Wenn du die aber so haben möchtest wie du schreibst müssten alle direkt geladen werden... das ist dann natürlich ein enormes Problem von der Ladegeschwindigkeit. Daher ist die Pagination an so einer Stelle ja so ungemein praktisch ;-)

Viele Grüße

Zitat:

---

Zitat von MacKP

wenn man mal von ca. 100 Bildern ausgeht.. die man normalerweise ja auf Seiten verteilt (was du ja auch möchtest), dann werden zum Beispiel ja nur 10 geladen jeweils. Wenn du die aber so haben möchtest wie du schreibst müssten alle direkt geladen werden... das ist dann natürlich ein enormes Problem von der Ladegeschwindigkeit

---

Ist es nicht so, dass bei der lightbox oder mediabox die großen Bilder einzeln nachgeladen werden, wenn sie gebraucht werden, also wenn sie angezeigt werden sollen? Oder habe ich hier eine Denkblockade?

Wenn also die zusätzlichen Bilder auf einer Seite nur als Link (oder per JavaScript) mit in den Array für die lightbox geladen werden, so dürfte dies die Ladezeit der Seite doch kaum beeinflussen. Insofern würde ich den Vorschlag von Sebastian eigentlich unterstützen.

Gruß Janosch

Die Ausführung von Sebastian hab ich auch so verstanden das dann eigentlich nur die Links in einem Array liegen und geladen werden wen die angezeigt weren sollen.

Sicher bin ich mir nicht da ich eigentlich nicht der Experte bin.

Wenn das aber so wäre dann sollte das für einen der das Script blickt nicht so schwer sein oder?

Zitat:

---

Zitat von grand

Wenn das aber so wäre dann sollte das für einen der das Script blickt nicht so schwer sein oder?

---

Das Problem dürfte auch nicht das JavaScript sein. Dies könnte man durch eine einfache Templateanpassung integrieren. Das Problem ist eher, dass die Core-Bildergalerie nur die benötigten Bilder und Bildlinks ausgibt, d.h. wenn ich auf der ersten Seite bin, gibt sie mir nur die z.B. ersten 10 Bilder aus. An die anderen kommt man über das Template auf einfachen Web gar nicht erst dran.

Gruß Janosch

Hallo,

Ich hab mal ausprobiert, wie es funktionieren könnte.
Ist allerdings eine Änderung direkt im Core, also nicht Update sicher.

Änderungen in /system/modules/frontend/ContentGallery.php:
suche nach

PHP-Code:

---

        // Rows
        for ($i=$offset; $i<$limit; $i=($i+$this->perRow)) 


---

darüber einfügen

PHP-Code:

---

        $lb_first = '';
        if ($this->fullsize && TL_MODE == 'FE')
        {
            for ($i = 0; $i < $offset; $i++)
            {
                $lb_first .= "<a title='" . specialchars($images[$i]['alt']) . "' rel='" . $strLightboxId . "' href='" . $this->urlEncode($images[$i]['singleSRC']) . "'></a>\n";
            }            
        }
        $this->Template->lb_first = $lb_first; 


---

suche nach

PHP-Code:

---

        $strTemplate = 'gallery_default'; 


---

darüber einfügen

PHP-Code:

---

        $lb_last = '';
        if ($this->fullsize && TL_MODE == 'FE')
        {
            for ($i = $limit; $i < count($images); $i++)
            {
                $lb_last .= "<a title='" . specialchars($images[$i]['alt']) . "' rel='" . $strLightboxId . "' href='" . $this->urlEncode($images[$i]['singleSRC']) . "'></a>\n";
            }        
        }
        $this->Template->lb_last = $lb_last; 


---

Änderung im Template /system/modules/frontend/templates/ce_gallery.tpl
suche nach

PHP-Code:

---

<?php echo $this->images; ?>

---

ersetze durch

PHP-Code:

---

<div><?php echo $this->lb_first; ?></div>
<?php echo $this->images; ?>
<div><?php echo $this->lb_last; ?></div>

---

Alles wieder hochladen und ausprobieren ;)

Mit dem Code werden auf jeder Seite des aktuellen Albums alle Bilder für die Ausgabe der Lightbox eingefügt. Wie sinnvoll das nun ist muss jeder für sich entscheiden :)

LG, Franzi

Gewaltig Franzi,

was mich aber noch interessieren würde ist, werden die Bilder beim Seitenaufruf schon geladen oder erst wenn Sie vom Benutzer angefordert werden?

Also ich meine wird da nur der Link zum Bild erstellt oder auch schon das Bild im Hintergrund geladen?

Danke das du dir die Mühe gemacht hast!

HI

Das hängt stark vom Browser ab.

Sebastian

Was die Lightbox - das JavaScript macht weiss ich nicht genau, aber nach meinen Beobachtungen wird das jeweilige Bild erst beim Klick in der Lightbox per Ajax nachgeladen.

Ich füge "nur" Leere Links ein. Das heisst das Lightbox Script erkennt anhand des "rel" im Hyperlink, dass dieses Bild zur Lightbox Galerie gehört.
Es werden alle Bilder in unsichtbare Links gepackt und die Lightbox erzeugt daraus die Galerie.

Demzufolge sollte es auch Browserunabhängig nicht passieren, dass die Bilder aus den versteckten Links direkt geladen werden.

Zitat:

---

Zitat von Franzi

Demzufolge sollte es auch Browserunabhängig nicht passieren, dass die Bilder aus den versteckten Links direkt geladen werden.

---

Ich denk' mir, Sebastian bezieht sich auf die sog. "Link-Prefetching" Funktionalität in manchen (modernen) Browsern...

Das wäre schon gut zu wissen, ob verschiedene Browser die Links vorladen.

Ich hab es jetzt mal mit IE, FF, Opera und Safari probiert

Dort konnte ich zumindest nichts feststellen.