Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    Wahlweise Bilder mit und ohne Verweisen

    Aufgabe

    Auf einigen Webseiten möchten Sie Bilder ausgeben werden, jedoch nicht auf allen TYPO3-Seiten. Einige Bilder sollen einen Verweis erhalten. Das Zuordnen der Bildnamen möchten Sie einfach durchführen, am besten innerhalb der TYPO3-Seitendaten.

    Lösung

    1. In TemplaVoila definieren Sie ein Element vom Typ TypoScript Object Path, nämlich (lib.Bild).

    2. Die Bilddateien speichern Sie ins TYPO3-Verzeichnis fileadmin.

    3. TYPO3-Seiten legen Sie mit dem Seitentyp Erweitert an.

    4. In die Felder Autor und E-Mail tragen Sie den Bildname und ggf. die Webadresse ein. Diese Felder müssen Sie nicht unbedingt füllen. Eine Webadresse ohne Bild gibt es nicht. Bilder müssen nicht unbedingt einen Link bekommen.

    5. Die Standardvorlage erhält folgende TypoScript-Code:

    lib.Bild = COA
    lib.Bild {
    5 = TEXT
    5 {
    data = page:author_email
    wrap = <a href="http://|" target="_blank">
    required = 1
    }      

    10 = TEXT
    10 {
    data = page:author
    required = 1
    wrap = <img src="fileadmin/|" width="20" height="40" alt="" />
    }

    15 = TEXT
    15 {
    if.isTrue.data = page:author_email
    value = </a>

    }

    Das 5er Element gibt bei Vorhandensein das A-Tag mit dem Verweis aus, welcher im E-Mail-Feld der aktuellen TYPO3-Seite steht. Das 10er Element erzeugt das Grafik- bzw. IMG-Tag. Das offene A-Tag wird anschließend vom 15er Element geschlossen. Der ausführliche Fall inkl. gesetztem TITLE-Attribut im Link sieht folgendermaßen aus:

    lib.Bild = COA
    lib.Bild {
        # page:author       = Bildname
        # page:author_email = Verweisziel
       
        10 = TEXT
        10 {
    required = 1
    data = page:author_email
            wrap = <a href="http://|" target="_blank">
        }
           
        20 = COA
        20 {
           1 = TEXT
           1 {
             required = 1
             data = page:author
             wrap = <img src="fileadmin/bilder/|" width="20" height="40"
           }
                 
           5 = TEXT
           5 {
             required = 1
             data = page:author_email
             noTrimWrap = | title="Zum Netzauftritt |" |
           }
           
           3 = TEXT
           3 {
             if.isTrue.data =  page:author
            data = page:author_email
             noTrimWrap = | alt="|" |          
           }
            
           9 = TEXT
           9 {
             if.isTrue.data =  page:author
            value =  />
           }
        }

        30 = TEXT
        30 {
           if.isTrue.data = page:author_email
           value = </a>
        }  
    }

    Nur gefüllte Felder wrappen sowie verschiedene Felder verwenden

    Wenn Sie Feldinhalte von verschiedenen Feldern berücksichtigen möchten,beispielsweise wenn in einem Feld nichts gefunden wird, dann den Wert aus einem anderen Feld holen, so fügen Sie die Felder einfach durch zwei Schrägstriche getrennt an:

     10 = TEXT
     10 {
     required = 1
     data = page:author_email // page:description
     wrap = <a href="http://|" target="_blank">
     }
    
     20 = COA
     20 {
     1 = TEXT
     1 {
     required = 1
     data = page:author
     wrap = <img src="fileadmin/|" width="200"
     }
    
     5 = TEXT
     5 {
     if.isTrue.data = page:author
     data = page:abstract // page:subtitle // page:title
     noTrimWrap = | alt="|" |
     }
    
     9 = TEXT
     9 {
     if.isTrue.data = page:author
     value = />
     }
     }
    
     30 = TEXT
     30 {
     if.isTrue.data = page:author_email // page:description
     value = </a>
     }
    



    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, TYPO3-Tipps, TYPO3-Wraps, Wahlweise Bilder mit/ohne Verweisen.

    [ ⇐ Zurück ]   [ ⇑ Nach oben ]   [ Π Drucken ]  

     

    Hier klicken!

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index
    Letzte Änderung: Montag, 10.12.2007   Page copy protected against web site content infringement by Copyscape
    Flag Counter