Zum Inhalt springen

Wie benutze ich imgTagStdWrap.wrap

Erstellt am 3. Oktober 2005 · 2 Antworten · letzte Antwort am 4. Oktober 2005

Tags: Inhaltselemente, Bilder, Frage

KOmaSHOOTER ·

Ich will den Bildern einen eigenen Div tag geben mit der Klasse extraX. Die Bilder sollen in den Div Tag eingeschlossen sein

tt_content.stdWrap.innerWrap.cObject.default = TEXT
tt_content.stdWrap.innerWrap.cObject.default.value =<div class="csc-frame">|</div>


tt_content.textpic.20.maxW = 350
tt_content.textpic.20.defaultW = 350
tt_content.textpic.20.borderThick = 
tt_content.textpic.20.spaceBelowAbove = 0

temp.pkk.imageconf = CASE 
temp.pkk.imageconf{ 
  key.field = imageorient 
  default < tt_content.textpic.20
  25 < tt_content.textpic.20
  25 {
    maxW = 190 
    maxW =  190
    defaultW = 190
    defaultWInText = 190
    maxWInText = 190
    #addClasses = extra-right
    #imgTagStdWrap.wrap =  <div class="extraX">|</div>
    #image.wrap =  <div class="extraX">|</div>
    #stdWrap.wrap =  <div class="extraX">|</div>
    rendering {
dl {
      imgTagStdWrap.wrap =  <div class="extraX">|</div>
    }
   }
    text.wrap = <div class="extra-left">|</div>
  }
  26 < tt_content.textpic.20
  26 {
   maxW = 350
   defaultW = 350
   defaultWInText = 350
   maxWInText = 350
    text.wrap = <div class="extra-right">|</div>
  }
}

tt_content.textpic.20 < temp.pkk.imageconf
temp.pkk.imageconf >

der Befehl
rendering {
dl {
imgTagStdWrap.wrap = <div class="extraX">|</div>
}
}

funktioniert nicht 🙁

das Beispiel aus der Dokumentation hat auch nicht funktioniert
http://typo3.org/documentation/document-library/cron_cssstyledimgtext/USER_render_textpic

tt_content.textpic.20.rendering {
  dl {
      imageRowStdWrap.wrap = <div class="csi-imagerow" style="width:{register:rowwidth}px;"> | </div>
      imageRowStdWrap.insertData = 1
      noRowsStdWrap.wrap =
      oneImageStdWrap.wrap = <dl class="csi-image" style="width:{register:imagewidth}px;"> | </dl>
      oneImageStdWrap.insertData = 1
      imgTagStdWrap.wrap = <dt> | </dt>
      editIconsStdWrap.wrap = <dd> | </dd>
      captionStdWrap.wrap = <dd class="csi-caption"> | </dd>
  }
  # Now we add another rendering method:
  dl-nospace < .dl
  dl-nospace.addClasses = csi-textpic-dl-nospace
}
laptop24 ·

Wenn Das Bild in ein DIV eingebunden werden soll, dann packe den "wrap" auch z.B. um "temp.pkk.imageconf". Also

temp.pkk.imageconf.wrap = <div class="extraX">|</div>

Ansonsten erzeugst Du ein IMG Tag mit einem DIV-Tag drin. (z.B. <IMG <div class="extraX"></div> src="..." />). Das soll's ja sicher nicht sein.

KOmaSHOOTER ·

Ups ich hatte vergessen das Template cron_cssstyledimgtext unter "Include static (from extensions)" einzubinden.
Dann kann es sowieso nicht funktionieren #angry#

Zur zeit wird der div mit der Klasse extraX um jeden IMG tag gelegt.

Eigentlich will ich aber den wrap um alle Bilder legen.

<div class="csi-textpic csi-intext-left-nowrap"><div class="csi-imagewrap" style="width:360px;"><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/fb342780b7.jpg" width="350" height="175" border="0" alt="" title="" /></div><dd class="csi-caption"><p class="csc-caption">Suspendisse arcu nibh, molestie in, adipiscing in, dictum sed, neque.</p></dd></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/be53e116a2.jpg" width="350" height="175" border="0" alt="" title="" /></div></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/3a0fe33187.jpg" width="350" height="263" border="0" alt="" title="" /></div></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/f7e0f52665.jpg" width="350" height="263" border="0" alt="" title="" /></div></dl></div></div>
tt_content.stdWrap.innerWrap.cObject.default = TEXT
tt_content.stdWrap.innerWrap.cObject.default.value =<div class="csc-frame">|</div>


tt_content.textpic.20.maxW = 350
tt_content.textpic.20.defaultW = 350
tt_content.textpic.20.borderThick = 
tt_content.textpic.20.spaceBelowAbove = 0

tt_content.textpic.20.rendering {
  dl{
      #imageRowStdWrap.wrap = <div class="csi-imagerow" style="width:{register:rowwidth}px;"> | </div>
      #imageRowStdWrap.insertData = 1
      #noRowsStdWrap.wrap =
      #oneImageStdWrap.wrap = <dl class="csi-image" style="width:{register:imagewidth}px;"> | </dl>
      #oneImageStdWrap.insertData = 1
      #imgTagStdWrap.wrap = <dt> | </dt>
      imgTagStdWrap.wrap = <div class="extraX">|</div>
      #editIconsStdWrap.wrap = <dd> | </dd>
      #captionStdWrap.wrap = <dd class="csi-caption"> | </dd>
  }
  # Now we add another rendering method:
  dl-nospace < .dl
  dl-nospace.addClasses = csi-textpic-dl-nospace
}





temp.pkk.imageconf = CASE 
temp.pkk.imageconf{ 
  key.field = imageorient 
  default < tt_content.textpic.20
  25 < tt_content.textpic.20
  25 {
    maxW = 190 
    maxW =  190
    defaultW = 190
    defaultWInText = 190
    maxWInText = 190
    #addClasses = extra-right
    #imgTagStdWrap.wrap =  <div class="extraX">|</div>
    #image.wrap =  <div class="extraX">|</div>
    #stdWrap.wrap =  <div class="extraX">|</div>
    text.wrap = <div class="extra-left">|</div>

   }
      
  26 < tt_content.textpic.20
  26 {
   maxW = 350
   defaultW = 350
   defaultWInText = 350
   maxWInText = 350
    text.wrap = <div class="extra-right">|</div>
  }
}

tt_content.textpic.20 < temp.pkk.imageconf
temp.pkk.imageconf >