Sie sind hier: CodeBase / Typoscript - Typo3 / IMAGE / rollover-effekt für imgtext, wenn image_effects benutzt wird

rollover-effekt für imgtext, wenn image_effects benutzt wird

 
page.headerData.2012 = TEXT
page.headerData.2012.stdWrap.wrap= <script type="text/javascript">|</script>
page.headerData.2012.value ( 
	/*<![CDATA[*/
<!--
		// JS function for mouse-over
	function over(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
		else if (document.getElementById && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_h.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_h.src");}
	}
		// JS function for mouse-out
	function out(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
		else if (document.getElementById && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_n.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_n.src");}
	}
// -->
	/*]]>*/
)
 
 
tt_content.image.20.1.imageLinkWrap.typolink {
  ATagParams.if.value = 0
  ATagParams.if.isGreaterThan.field = image_effects
  ATagParams =  onmouseover="over('img{field:uid}_{register:IMAGE_NUM}');" onmouseout="out('img{field:uid}_{register:IMAGE_NUM}');"
  ATagParams.insertData = 1
}
 
tt_content.image.20.1.stdWrap.addParams {
  name = img{field:uid}_{register:IMAGE_NUM}
  name.insertData = 1
  _offset = -2
}
 
tt_content.image.20.1.stdWrap.innerWrap.cObject = COA 
tt_content.image.20.1.stdWrap.innerWrap.cObject {
  stdWrap.wrap = <script type="text/javascript"> | </script>
 
  if.value = 0
  if.isGreaterThan.field = image_effects
 
  10 = IMG_RESOURCE
  10.file.import.current = 1
  10.file.width.field = imagewidth
  10.stdWrap.dataWrap = img{field:uid}_{register:IMAGE_NUM}_h=new Image();img{field:uid}_{register:IMAGE_NUM}_h.src="|";
 
  20 = TEXT
  20.value = img{field:uid}_{register:IMAGE_NUM}_n=new Image();img{field:uid}_{register:IMAGE_NUM}_n.src="{TSFE:lastImageInfo|3}";
  20.insertData = 1
}

thx@JaXtreme

1 Kommentar

Seite 1 von 1 1

#1 Christoph Lemmer schrieb am 29.01.2010 12:34 answer

Kleines Update.

Es fehlte noch das Javascript welches im Header der Seite eingebunden werden muss.

Jetzt funktioniert das Typoscript genau wie die Typo3 Extension mouseoverimages. Nur entgegengesetzt.