contao 3.5.28 - Bildgröße in Lighbox

[mv-soft]

Hallo,

wie kann ich große Bilder in der Lightbox verkleinert dargestellt bekommen?

Der User soll goße Dateien in die Dateiverwaltung hochladen können: 4.003px × 2.127px

Im Artikel ist ein kleines Bild automatisch con CONTAO erzeugt worden: 300px × 159px

In der Lightbox wird skaliert: 4.003px × 2.127px (Skaliert zu 1.639px × 871px) Und genau hier wäre es notwendig, wenn diese Lighbox auf ein Bild von 1.639px × 871px zugreifen könnte.


Hier der Link zur Entwicklungsseite:
http://g-foerster.de.83-169-2-28.mv-...p/team-16.html



Vielen Dank für Hinweise.

[Spooky]

So einfach ist das nicht. Eine mögliche Variante wurde hier behandelt: https://community.contao.org/de/show...nsive-ausgeben Nachteil davon ist aber, dass es sich dann um ganz normalen HTML Inhalt handelt, der dann auch dementsprechend nicht automatisch von der Lightbox skaliert werden kann.

Du könntest dir alternativ auch einen eigenen Controller schreiben, der ein Bild in einer beliebigen Größe ausgibt - und die URL zu diesem Controller für die entsprechende Größe setzt du per JavaScript.

[Glumanda]

Hallo,

dafür gibt es eine Extension https://contao.org/de/erweiterungsli...010009.de.html

Ich lade die Bilder auch immer in maximaler Auflösung hoch, weil wer will schon bei einem Relaunch allen Bildern hinterherspringen ^^

Alternativ kannst Du auch, mit den eingebauten Bildgrößen definieren, die Breite und Höhe vom src des Bildes verwenden und auf responsive Bilder setzen. Das finde ich mittlerweile die elegantere Lösung. Zumal ichnicht weiß, ob besagte Extension noch funktioniert. Lege dazu ein neues Template an (gallery_default bzw. picture_default müsste das heißen, und dann fügst Du das zwischen was zwischen img src="...." steht von bei href="...." ein. Weiß es leider gerade nicht auswendig.

[Spooky]

dafür gibt es eine Extension https://contao.org/de/erweiterungsli...010009.de.html

Damit kann aber nur eine fixe Größe angegeben werden.

[Glumanda]

Es gibt ja auch nur eine href Attribut. Wie meinst Du das?

[Spooky]

Die Anforderung von mv-soft ist, dass je nach Bildschirmgröße ein anderes Zielbild verwendet werden soll:

Und genau hier wäre es notwendig, wenn diese Lighbox auf ein Bild von 1.639px × 871px zugreifen könnte.

[Glumanda]

Soweit ich weiß unterstützt das die fancybox3. Dann müsstest Du nur noch eine andere Bildgröße für die fancybox selber definieren. Siehe auch http://fancyapps.com/fancybox/3/docs/#images und https://codepen.io/fancyapps/pen/JNgggo?editors=1000

<a href="medium.jpg" data-fancybox="images" data-srcset="large.jpg 1600w, medium.jpg 1200w, small.jpg 640w">
	<img src="thumbnail.jpg" />
</a>

Dafür muss man sich dann noch anschauen, wie man mit PHP eine andere definierte Bildgröße ausgeben kann.

[mlweb]

Und genau hier wäre es notwendig, wenn diese Lighbox auf ein Bild von 1.639px × 871px zugreifen könnte.

Warum?
Für die normale Ladezeit der Seite spielt das skalierte Bild keine Rolle.
Um immer die optimale Bildgröße für die Lightbox zu haben, müsstest Du für jede Bildschirmgröße ein anderes Bild generieren oder habe ich Dich falsch verstanden?

[Spooky]

Für die normale Ladezeit der Seite spielt das skalierte Bild keine Rolle.

Für die Ladezeit der Seite nicht - aber für die Ladezeit des "großen" Bildes.

[mlweb]

Bei ordentlich optimierten Bildern (tiny-png oder ähnliches Werkzeug) spielt das gerade beim Einzelbild nach meiner Erfahrung keine entscheidende Rolle und für Handys oder ähnlich kleine Displays ist die Light box eh suboptimal.

[Spooky]

Laut der Info geht des Thread Starters geht es ja um den Desktop. Und es wird sicherlich einen Unterschied machen, ob man ein 8.514.381 Pixel großes Bild oder ein 1.427.569 Pixel großes Bild lädt. Mit Optimierungsverfahren wirst du da nicht weit kommen