Zum Inhalt springen

a-Tag mit Bild aus dem Media-Feld versehen

Erstellt am 27. Oktober 2008 · 3 Antworten · letzte Antwort am 28. Oktober 2008

Tags: Bilder, Frage

fraenzer ·

Hallo,

folgendes Problem:

ich habe ein einfaches Menu in Form einer Liste, nun würde ich für jeden Menüpunkt gerne im Mediafeld der jeweiligen Unterseite eine Grafik hinterlegen, und diese dann mittels ATagParams einbinden.

## Menu Product Slider [Begin]

lib.menuProductSlider = COA
lib.menuProductSlider.10 = HMENU
lib.menuProductSlider.10 {
  special = directory
  special.value = 174
  1 = TMENU
  1 {
    wrap = <ul>|
    NO.linkWrap = <li>|</li>
    NO.ATagParams = style="background-image: url(BilderLink);"                        
  }
}

lib.menuProductSlider.20 = HMENU
lib.menuProductSlider.20 {
  special = directory
  special.value = 173
  1 = TMENU
  1 {
    wrap = |</ul>
    NO.linkWrap = <li>|</li>
  }
}

## Menu Product Slider [End]

Wie kann ich auf das erste Bild des Media-Feldes zugreifen und den entsprechenden Link an die entsprechende Stelle setzen?

Danke schonmal!

Gruß

fraenzer

fraenzer ·

Danke für die Antwort, nur irgendwie komm ich bei dem Ansatz nicht ganz dahinter, wie das funktioniert. Aber ich habe jetzt eine andere Idee. Als Vorgabe setze ich, dass das Bild die Bezeichnung uid.jpg haben muss, dann kann ich mir den Blödsinn über das Media-Feld sparen, leg die Bilder in meinem Ressourcenordner ab und habe zusätzlich noch eine entsprechende Eindeutigkeit über die uid.

Nun aber mein nächstes Problem: wie kann ich innerhalb meiner aTagParams auf die uid zugreifen.
Mit

NO.aTagParams = style="background-image: url ({page:uid}.jpg)"

funzt das leider nicht.

fraenzer ·

Soderle, ich hab nun folgende Lösung im Einsatz, und funktioniert wunderbar:

lib.menuProductSlider = COA
lib.menuProductSlider.10 = HMENU
lib.menuProductSlider.10 {
  special = directory
  special.value = 174
  1 = TMENU
  1 {
    noBlur = 1
    wrap = <ul>|
    NO {
       before {
          dataWrap = <li class="{field:subtitle}">|
       }
 
       linkWrap = | </li>
       ATagParams {
          cObject = COA
          cObject {
             10 = TEXT
             10 {
                field = abstract
                wrap = style="background-image: url('/uploads/media/|');"
             }
          }
       }
    }                        
    
    CUR = 1
    CUR {
       before {
          dataWrap = <li class="{field:subtitle} Parent">|
       }
 
       linkWrap = | </li>
    }                        
  }
}

Da ich das Feld Abstract aus den Metadaten der einzelnen Subpages nicht brauche, gebe ich hier meine Bilddatei ein. Das Bild selber wird über das Ressourcefeld hochgeladen. Ist sicherlich nicht konventionell, aber es klappt erstmal.