[easymoments]

hallo.

ich möchte eine zoomfunktion auf ein bild legen.
und zwar soll, wenn das bild verlinkt ist, soll das zoom_icon erscheinen und wenn nicht dann soll natürlich kein bildchen angezeigt werden.

unter anderem habe ich die imagelightbox installiert.
das ganze habe ich versucht über css zu regeln.
wenn ein link da ist, dann zeige bild an, und wenn kein link vorhanden, dann kein bild.
aber irgendwie klappt das nich so recht.

kann mir jemand helfen?


mein css:

#col2 img {
	width: 222px;
	margin: 0 0 15px 0;
	border: 5px solid #ffffff;
}

#col2 a {
	/*position: relative;*/
	display: block;
	width: 22px;
	height: 22px;
	background: pink ;
}

typocode:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9:

COL2 = COA #COL2.wrap = <span>|</span> COL2.imgTagStdWrap.wrap =  <div><span></span>|</div> COL2 { 10 = LOAD_REGISTER 10.maxImageWidth = 444 20 < styles.content.getRight 30 = RESTORE_REGISTER }

html code:

<div id="col2"> <!-- ###COL2### --> <div class="rahmen_bild"><img src="../images/img_01.jpg" alt="img" /><a href="#"></a></div> <!-- ###COL2### --> </div>