Integrierte Lightbox modifizieren

[grand]

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

[xchs]

Hallo grand,

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

[Sebastian]

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

[grand]

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

[MacKP]

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

[JanoschSkuplik]

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

[grand]

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?

[JanoschSkuplik]

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

[Franzi]

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

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

darüber einfügen

        $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

        $strTemplate = 'gallery_default'; 

darüber einfügen

        $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 echo $this->images; ?>

ersetze durch

<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

[grand]

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!

[Sebastian]

HI

Das hängt stark vom Browser ab.

Sebastian

[Franzi]

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.

[xchs]

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...

[Franzi]

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.