[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>

[josDesign]

Bitte achte darauf, dass du Code-Elemente wrapst mit den HTML, Code, etc Boxen.
Habe das für dich bearbeitet. (Gr-/Kleinschreibung nicht vergessen smile:

[easymoments]

hi jo,

ich glaub ich hab tomaten auf den augen. jedenfalls seh ich keine änderung???
es funkzt nich. *verwirrt bin..