thomas hirt . visuelle kommunikation
endlich online
typo3 mehrzeilige Überschrift und Zeilenumbruch
 
Mittwoch, 30. Jul 2008

typo3 Scrollbalken für Popup Bild (Klick-vergrößern)

Auf www.teatro.at werden unter anderem Pressemitteilungen veröffentlicht. Teilweise sind die Scans relativ lange und im Popup Fenster daher nicht ganz sichtbar. Es gibt meines Wissens nach keine Einstellung in Typo3 um für die Popup Fenster (Klick-vergrößern Checkbox) einen Scrollbalken zu aktivieren. Da ich länger nach der Lösung gesucht habe, (ich habe sie mir nicht selber ausgedacht) möchte ich sie hier beschreiben. Vielleicht hilft sie ja dem einen oder der anderen...

Nach längerem herumwühlen im Source Code von Typo3 und dem Besuch zahlreicherWebseiten, bin ich über diese sehr saubere Lösung auf www.typo3.net gestoßen:

# bild on click mit scrollbalken versehen
tt_content.textpic.20.1.imageLinkWrap {
    enable = 1
    bodyTag = <body style="height:100%; background-color: black; padding: 0; margin: 0 0 20px 0;">
    wrap (
        <div style="height: 100%; overflow: scroll; text-align: center;">
        <a href="javascript:close();" title="Klicken zum Schließen" alt="Klicken zum Schließen"> | </a>
        </div>
    )
    title = Mein Titel
    width = 800m
    JSwindow = 1
    JSwindow.expand = 15,15
}

tt_content.image.20.1.imageLinkWrap < tt_content.textpic.20.1.imageLinkWrap


Mit der CSS-Anweisung "overflow: scroll" wird der Scrollbalken aktiviert. Feine Lösung, nicht wahr?
Vielleicht ist euch aufgefallen das meine Vorschaubilder (die Bilder auf die man klickt um das Popup Fenster zu erzeugen) alle die selbe Größe haben und auch nicht den selben Ausschnitt zeigen wie das Popup Bild. Das habe ich mit der Extension mdrs_alternativepopupimage erreicht

Scrollbalken für Popup Fenster

So erzeugt man einen Scrollbalken in einem Popup Fenster.

 
 
Kommentar hinzufügen




*

 
 
kalender
Juli 2008
M D M D F S S
< Jun   Aug >
 123456
78910111213
14151617181920
21222324252627
28293031  
 bücher   bugs   css   extensions   grafik   hardware   howto   humor   javascript   mac   musik   mysql   nachhaltigkeit   philosophie   phpmyadmin   privat   snippets   terminal   typo3   typoscript   weltfriede   wirtschaft