Wie erreiche ich durch "Klick-vergrössern" dass sich die Fenster Optionen verändern?

**Junior** · #1 08.11.06, 13:55

Bei Contentelementen mit Bildern gibt es die Möglichkeit, bei einem Klick auf das Bild entweder zu einer Ziel-URL zu verzweigen oder aber das Bild vergrössert in einem separaten Popup-Fenster anzuzeigen (dazu muss Javascript eingeschaltet sein).

Das neue Browserfenster ist an die Bildgrösse angepasst, das Bild ist dabei von einem schwarzen Rahmen umgeben. Die Rahmenbreite links und oben hängen vom verwendeten Browser ab, die Breite rechts und unten ist durch Standardwerte definiert.

Mit wenigen Zeilen Typoscript können Farbe und Breite des Rahmens sowie weitere Parameter angepasst werden. Im Objectbrowser finden sich die Standardwerte im Pfad tt_content.image.20.1.imageLinkWrap

Die Hintergrundfarbe (und damit des Rahmens um das Bild) kann individuell mit dem Bodytag des Popup-Fensters festgelegt werden. Mit den Einstellungen für topmargin, leftmargin, bottommargin und rightmargin legt man die Rahmenbreite links und oben fest. Die Browser unterscheiden sich nämlich in ihren Defaultwerten für die Margins. Setzt man alle Werte auf 0, so ist der schwarze Rahmen um das Bild nicht sichtbar:

Typoscript-Code:

1:
2:
3:

tt_content.image.20.1.imageLinkWrap {
bodyTag = <BODY bgColor="#cccccc" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
}

Mit dem Parameter bgColor wird die Hintergrundfarbe festgelegt.

Wenn man dem Bild eine Angabe der Quelle oder des Copyrights hinzufügen möchte, kann dies zum Beispiel in einem Textbereich unterhalb der Abbildung erfolgen. Dazu wird das Fenster mit dem Parameter JSwindow.expand um ein paar Pixel nach unten erweitert:

Typoscript-Code:

1:	tt_content.image.20.1.imageLinkWrap.JSwindow.expand = 0,20

Ein Text unter dem Bild lässt sich über den wrap-Parameter einfügen, dieser schliesst das img-Tag im Fenster ein. Im folgenden Beispiel wird unter dem Bild eine Tabellenzeile mit rechtsbündiger Ausrichtung platziert, die den Text www.typo3forum.net enthält:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

tt_content.image.20.1.imageLinkWrap {
bodyTag = <BODY bgColor="#cccccc" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

width = 960m
title = Image from jweiland.net

JSwindow.expand = 0,20
wrap = <A href="javascript:close();"> | </a><table align="right"><tr><td><font face="verdana,arial,helvetica,sans-serif" size="2" color="#666666">www.typo3forum.net</font></td></tr></table>

}

Die maximale Grösse für Bilder im Popupfenster ist auf 800 x 600 Pixel eingestellt. Diesen Wert kann man durch Angabe von width und/oder height verändern, ein 'm' hinter der Grössenangabe sorgt dafür, dass das Seitenverhältnis beibehalten wird:

Typoscript-Code:

1:	tt_content.image.20.1.imageLinkWrap.width = 960m

Wer mag, kann auch den Inhalt der Titelzeile im neuen Fenster ändern:

Typoscript-Code:

1:	tt_content.image.20.1.imageLinkWrap.title = Bild im Popup-Fenster

**josDesign** · #2 02.12.06, 12:44

Hey vielen Dank für diese hilfreiche Anleitung!

Aber nur wie kann man dies auch auf tt_news übertragen. Also damit meine ich, ich habe TT_NEWS am Laufen und es sieht so aus, dass es nicht wirklich greift.

Ich habe folgende Konfiguration in meinem TS-Setupfield meines Templates:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

# Popup für Bilder fomatieren
tt_content.textpic.20{
1.imageLinkWrap = 1
1.imageLinkWrap {
enable = 1
bodyTag = <body bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
wrap = <a href="javascript:close();"> | </a><table align="right"><tr><td><font face="verdana,arial,helvetica,sans-serif" size="1" color="#666666">volleylions.at</font></td></tr></table>
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 0,25
}
}

tt_content.image.20 {
1.imageLinkWrap = 1
1.imageLinkWrap {
enable = 1
bodyTag = <body bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
wrap = <A href="javascript:close();"> | </a><table align="right"><tr><td><font face="verdana,arial,helvetica,sans-serif" size="1" color="#666666">volleylions.at</font></td></tr></table>
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 0,25
}
}

Wie kann ich dies auch für die News einstellen???

Mit bestem Dank im Vorraus,
jos

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seitenbaum erst beim 2ten Klick auf "Seite" sichtbar	floreno	Extension modifizieren oder neu erstellen	8	09.04.06 22:03
voreingestellt immer häckchen bei "klick-vergrößern" möglich?	sissi	TYPO3 3.x Fragen und Probleme	4	05.11.05 16:33

Suche

Userpanel