Bildelement › Großansicht/Neues Fenster soll Bild tatsächlich im neuen Fenster öffnen

[wanst]

Hallo,

wie kann ich erreichen, dass ein Bild, wenn man es anklickt, in der Vollauflösung tatsächlich ein Neues Fenster öffnet?

Ich will eine Bilder-Download-Seite bauen. Mein Plan war jetzt, ich lege eine Batterie Bildelemente an, klicke bei dem Bild-Element auf Großansicht/Neues Fenster und das Bild öffnet sich im neuen Fenster.

Klappt so nicht, hab ich schon gemerkt, weil Lightbox – OK!

Wenn ich einen Link (eine Seite) angebe, klappt das mit dem neuen Fenster. Soweit betrachte ich das Verhalten mal als gewollt, nicht als Bug. Wenn ich aber als Link das Bild angebe (oder irgendein Bild), wird wieder die Lightbox aktiviert. Wie kann ich denn erreichen, dass ein Bild in einem neuen Fenster geöffnet wird?

Ach so – außer natürlich über ein Textelement – mit einem Bild im Text – mit einem Link und da Ziel: neues Fenster. Das wäre zu einfach!
Nein – im Ernst – das ginge zwar, aber da kann ich die Bildgrößen nicht verwenden.

[planepix]

Hallo wanst,

wenn du im Seitenlayout die Colorbox (jQuery) nicht aktivierst, dann wir das Bild in einem neuen Fenster in voller Größe geöffnet. Das Verhalten soll vermutlich ja nicht überall passieren; dann ggf. ein zweites Seitenlayout erstellen und dies dann nur der Downloadseite zuweisen.

[wanst]

wenn du im Seitenlayout die Colorbox (jQuery) nicht aktivierst, dann wir das Bild in einem neuen Fenster in voller Größe geöffnet...

Das war auch mein erster Gedanke – tut es aber nicht! Statt dessen wird genauso ein data-lightbox-Attribut angelegt, aber kein target-Attribut

[planepix]

Hmm, ich teste das gerne noch mal… Wenn ich die Colorbox im Seitenlayout deaktiviere und dann die Checkbox „Neues Fenster” aktiviere, bekomme ich doch das Bild im neuen Fenster angezeigt? Zumindest war das bisher immer der Hinweis, das die Colorbox nicht aktiviert war im Seitenlayout.

EDIT: Unter 3.5.26 getestet: Bis auf das neue Fenster macht es genau das wie beschrieben. Insofern dann klar den Tipp von Andreas weiter verfolgen.

[Andreas]

Du brauchst nur die entsprechenden Templates anzupassen. Oder das Attribut target mit JS aufsetzen. Evtl. noch mit ner entsprechenden Klasse, welche du dem Element mitgibst - Beispiel "extern".

[wanst]

@planepix: Das wäre klasse, wenn du das machen könntest, würde mich sehr interessieren. Vielleicht habe ich irgendwas übersehen. Ich war genau wie du der Meinung, dass das so sein muss (und wahrscheinlich auch früher schon mal so war). Daher kam ja auch der Plan: Lightbox deaktivieren => Neues Fenster...

@Andreas: Ja, werde ich wohl so machen müssen, halte das aber für die weniger elegante Lösung. Wenn sich doch ein Konfigurationshäkchen findet, das ich übersehen habe, weshalb das jetzt nicht funktioniert, wäre mir das wesentlich lieber.

[planepix]

Hallo wanst,

ich habs hier ergänzt:
https://community.contao.org/de/show...l=1#post438669

Ja bisher war das so, nun gibts kein neues Fenster oder Tab mehr…

[wanst]

Jetzt pass auf – ich hatte vorher das Gefühl, vielleicht irre ich mich ja – ist schon spät, viel Stress grad, man wird älter, langsam debil und so... Dann kamst du und hast gemeint, es war früher genauso, wie ich es vermutet hatte. Also hat es mich gejuckt und ich hab gesucht. Ich hab noch irgendwo eine alte 2.11.xx-Version am laufen und eine 3.0.0. Bei beiden öffnet sich das Bild nicht in einem neuen Fenster. Und es gibt auch diesen Hinweis nicht, den du erwähnt hast (an den ich mich auch noch erinnere).

Also entweder irren wir gemeinsam (das klingt ja schon fast nach Twitter ) oder hier ist eine RIESEN-Verschwörung im Gange . . .

[planepix]

Du, dann nehm ich eines deiner vielen genannten Möglichkeiten .

Ok, dann wars „nur” immer öffnet im gleichen Fenster der Website. Danke für den abendlichen Erkenntnisgewinn an das eigene Erinnerungsvermögen

[planepix]

Eben mal aus Neugier noch etwas gegoogelt. Vielleicht finden sich da ja Lösungsansätze…
http://stackoverflow.com/questions/9...-colorbox-open

https://github.com/contao/core/issues/3047

[wanst]

Ah, Danke – bei dem GitHub-Beitrag habe ich was gefunden. Das Element Hyperlink hatte ich bisher ja komplett ignoriert... Damit geht das, was ich wollte: Bild mit Link auf Vollbild im externen Fenster und dabei alle Responsive-Image-Möglichkeiten.

Problem ist jetzt nur: mehr Erkenntnis erzeugt größere Wünsche – die eleganteste Lösung wäre natürlich eine Kombination aus den Elementen Download und Hyperlink, also wenn man in das Download-Element das Bild einsetzen könnte. Dann würde nämlich das Bild auch tatsächlich heruntergeladen und gar nicht erst geöffnet.

EDIT: Wahrscheinlich werde ich das kombinieren: ein Bild-Element für das Bild (das kann ja dann auch in einer Lightbox vergrößert werden) und ein Download-Element als Textlink darunter. Ist dann halt ein bisschen aufwendiger zu pflegen, aber naja.

[planepix]

So, weitergegraben

Vielleicht kann man aus der 2.11er Erweiterung den Aufbau nachbauen:
https://contao.org/de/erweiterungsli...oad.10.de.html

Und der Thread ist auch hilfreich:
https://community.contao.org/de/show...-Originaldaten

[wanst]

Danke nochmal @planepix – bei dem Foreneintrag bin ich fündig geworden. Der Ansatz Spooky hat mich auf die Idee gebracht.

Für alle, die später mal nach sowas suchen: Ich verwende jetzt die Galerie, hab sie so ähnlich angepasst wie Spooky das vorgeschlagen hat und im Template einen Download-Link zusätzlich bzw. alternativ zur Bildunterschrift angehängt. Den Link hab ich um das download-Attribut erweitert (<a href="bild.jpg" download="">Download dat jetzt!</a>). Daran soll der Browser erkennen, dass er das Bild runterladen und nicht anzeigen soll. Das wird zwar noch nicht von allen Browsern unterstützt, kein IE und kein älterer Safari, aber letzterer in der neusten Version (10.1) und Edge ab 14, dafür aber Firefox, Chrome und Opera schon seit vier Jahren, also ewig .

[EDIT: Nachfolgendes nicht nachmachen – is Quatsch – sh. nächster Post]

Soweit geht das relativ easy. Aufwendig wird es, wenn man eine Galerie auch an anderer Stelle verwenden will, dann aber ohne den Download-Link. Bisher habe ich da als einzige Option gefunden, das Galerie-Template in einem anderen Template-Ordner zu speichern als die sonstigen Templates, ein komplett neues Theme mit neuen Layouts anzulegen, das dann diesen anderen Template-Ordner verwendet. Oder gibt es noch eine andere Stelle, an der ich einstellen kann, aus welchem Ordner die Templates gezogen werden sollen?

[planepix]

Guten Morgen,

du kannst doch das originale Galerie-Template unter „Templates” duplizieren und es z. B. „ce_gallery_download„ nennen. Dann wählst du bei der Download-Galerie das individuelle Template aus und bei allen anderen Galerien greift dann das Standard-Template.

[wanst]

Soweit war ich doch schon ... fast. Ich hatte mich bei der Umbenennung vertan. Aber kaum macht man's richtig – schon geht's!

Danke, danke, danke!