Hilfe! Bild soll auf anderes Element verlinken, dass sich in Lightbox öffnet

[plusx]

Wie verlinkt man ein Bild-Element auf ein anderes Element, dass sich in der Lightbox öffnen soll? Ohne TinyMCE!

[ciaobello]

https://community.contao.org/de/show...l=1#post194669

Vielleicht bringt dich das ein bisschen weiter? Bildlink mit Insert-tag auf anderes Element ...


p.s.
Tiny ist gar keine dumme Idee ... dann spickst Du im Quelltext!

[Spooky]

Eigentlich brauchst du das Ziel-Bild nur in "Image link target" eingeben (also den relativen Pfad zum Bild bspw.).

[soweit_ok]

Für die Fälle, wo es sich bei den "anderen" Elementen um Contao-Seiten handelt, kannst Du es auch so machen - finde ich immer mal wieder sehr nützlich ...

Du platzierst in der Box "Eigener Javascript-Code" im Layout diese Zeilen:

<script type="text/javascript">
$$('.mod_navigation a.lightbox').each(function(el) {
  el.mediabox({
   defaultWidth: myLightboxWidth,
   defaultHeight: myLightboxHeight
});
});
</script>

Für die üblicherweise statische Lightbox anstelle der Variablen myLightboxWidth und myLightboxHeight zur Initialisierung Konstanten(X px) nehmen. Bei mir sind´s Variablen, weil ich eine eigene Variante verwende, die alle Inhalte onload und onresize dynamisch skaliert. Deshalb sind für mich Konstanten ungeeignet.

Alle Seiten, denen Du nun die CSS-Klasse lightbox gibst, öffnen so bei auf sie zeigenden Links automatisch in der Lightbox. Bei Bedarf kannst Du sie auch in der Navigation verstecken. Falls ich mich damit irre, bin mir grad nicht ganz sicher, blendest Du entsprechende Links in der Navi, soweit dort unerwünscht, eben mit display:none aus - das geht auf jeden Fall. Tja, und weil man ganze Seiten in der Lightbox meist nicht mit allem Drum und Dran anzeigen will, z. B. nicht Header, Footer, Navi etc., gibst Du diesen Seiten entweder ein dafür ein extra Blank-Layout oder Du blendest einfach speziell für die Klasse lightbox nicht Gewolltes per CSS aus. Diesen Code bekam ich netterweise mal als Tipp von Leo Feyer oder Leo Unglaub. Schon länger her und mir inzwischen entfallen, von wem der beiden. MooTools muss dafür natürlich geladen sein, sieht man ja an der Syntax.

PS: Fast vergessen - falls anderslautend, muss für diese Seiten overflow:auto gesetzt sein, damit in der Lightbox bei längeren Inhalten automatisch die Scrollbar erscheint.

[plusx]

Wir haben das jetzt so ähnlich gelöst:

/* Mediabox Accordion */
(function($) {
	window.addEvent('domready', function() {
		$$('.accordion a').addEvent('click', function(e){
			e.preventDefault();
			var link = this.get('href');
			var title = this.get('title');
			Mediabox.open(link, title, '400 400')
		});
	});
})(document.id);

So gehen alle Links aus dem Accordion in der Lightbox auf. Vielen Dank für die Antworten! :-)

[soweit_ok]

Auch eine interessante Variante, gefällt mir. Ich hätte wahrscheinlich nur nicht unbedingt die Standard-Accordion-Klasse dafür genommen, sondern eine spezielle, damit man die Wahl hat. Na egal, ist ja nicht schwierig, man muss bloß erst immer auf die jeweiligen Ideen kommen. Ich mag automatische Sachen, um die man sich nie mehr kümmern braucht und hab mir mit der Zeit jede Eventbehandlungen gestrickt. Zwar verpasste ich u. a. den Accordions auch schon diversen Schnickschnack, doch wie man sieht, gibt´s immer noch was, das ist mir noch nicht eingefallen. Dankeschön für den Tipp.

[sfx]

ist etwas her aber vielleicht klappts ja :-)

gibt es den auch eine Lösung für Jquery ? ( hab Contao 3.4)

Danke schonmal für jegliche Antwort.