Internetservice - Blog

bit4you präsentiert einen Blog rund um die Themen TYPO3, MySQL und PHP

TYPO3: Bilder dynamisch einblenden

Sie möchten Bilder dynamisch in Abhängigkeit vom Seitenbaum einblenden. Im Folgenden stellen wir verschiedene Techniken für diesen Zweck vor:

HTML-Tag erzeugen, Bild aus Mediafeld einbinden

lib.Hintergrundbild = COA
lib.Hintergrundbild.10 = IMAGE
lib.Hintergrundbild.10.file.import {
           cObject = TEXT
           #standardbild definieren, damit immer was angezeigt wird
           cObject.value = fileadmin/templates/images/page-pic-1.jpg
           cObject.override {
             required = 1
             data = levelmedia: -1, media, slide
             wrap = uploads/media/ |
             #im Media-Feld faengt man bei 0 an zu zaehlen
             listNum = 0
           }
         }
       }

HTML-img-Tag erzeugen, Bild mit GIFBUILDER skalieren

temp.BildLinks = IMAGE
temp.BildLinks.file = GIFBUILDER
temp.BildLinks.file {
         XY = 181,80
         format = jpg
         quality = 100
         maxWidth = 181
         maxHeight = 80
         20 = IMAGE
         20.file.import {
           cObject = TEXT
           #standardbild definieren, damit immer was angezeigt wird
           cObject.value = fileadmin/templates/images/fbild1.jpg
           cObject.override {
             required = 1
             data = levelmedia: -1, media, slide
             wrap = uploads/media/ |
             #im Media-Feld faengt man bei 0 an zu zaehlen
             listNum = 0
           }
         }
       }

Kein HTML-img-Tag erzeugen, Bild als Hintergrundbild einblenden

lib.Hintergrundbild = COA
lib.Hintergrundbild.wrap = <div style=&qout;background-image:url(|); background-repeat: no-repeat; background-position: bottom right;&qout;>
lib.Hintergrundbild.10 = IMG_RESOURCE
lib.Hintergrundbild.10.file.import {
           cObject = TEXT
           #standardbild definieren, damit immer was angezeigt wird
           cObject.value = fileadmin/templates/images/page-pic-1.jpg
           cObject.override {
             required = 1
             data = levelmedia: -1, media, slide
             wrap = uploads/media/ |
             #im Media-Feld faengt man bei 0 an zu zaehlen
             listNum = 0
           }
       }

lib.HintergrundbildTerminator = TEXT
lib.HintergrundbildTerminator.wrap = | </div> <!-- Ende Hintergundbildlayer //-->

Dieser Beitrag wurde geschrieben am Donnerstag, 21. Februar 2008 und wurde abgelegt unter "TYPO3 Content". Du kannst die Kommentare verfolgen mit RSS 2.0. Kommentare sind zur Zeit geschlossen, aber du kannst einen Trackback senden von deiner eigenen Seite.

Kommentare sind zur Zeit geschlossen.

Internetservice - Blog läuft unter Wordpress 2.3.2
 Anpassung und Design: bit4you :: Waldseer Str. 14 :: 88250 Weingarten