Guten Tag,
ich nutze Typo3 für meine Homepage..
Ich bräuchte Hilfe beim einfügen eines Hover Effektes..
Ich möchte den unten stehenden Code ergänzen, damit ein hover effekt aus dem bild web.jpg z.b web1.jpg macht, aber die Links die in einem PopUp Fenster aufgehen weiterhin funktionieren.
Momentan bin ich soweit... siehe link
http://beta.voglwuid.com/index.php?id=band
Ich hoffe jemand kann mir helfen...
In einem HTML Template habe ich folgendes eingefügt..
HTML
<!-- CONTENT ELEMENT, uid:414/textpic [begin] -->
<div id="c414" class="csc-default">
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-center csc-textpic-above">
<div class="csc-textpic-imagewrap" style="width:700px;">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:150px;"><dt>
<img src="fileadmin/templates/feuerwehr/images/web.jpg" width="700px" alt="Band Voglwuid" usemap="#Band" />
<map name="Band">
<area shape="circle" coords="136,190,70"
href="fileadmin/user_upload/musiker/christian_d.jpg" alt="Christina" title="Christian" class="mb">
<area shape="circle" coords="228,178,70"
href="fileadmin/user_upload/musiker/carsten_d.jpg" alt="Carsten" title="Carsten" class="mb">
<area shape="circle" coords="300,150,70"
href="fileadmin/user_upload/musiker/martin_d.jpg" alt="Martin" title="martin" class="mb">
<area shape="circle" coords="337,178,70"
href="fileadmin/user_upload/musiker/thomas_d.jpg" alt="Thomas" title="Thomas" class="mb" style="width:100px;">
<area shape="circle" coords="447,187,70"
href="fileadmin/user_upload/musiker/sven_d.jpg" alt="Sven" title="Sven" class="mb">
<area shape="circle" coords="539,198,70"
href="fileadmin/user_upload/musiker/sylvia_d.jpg" alt="Sylvia" title="Sylvia" class="mb">
<area shape="circle" coords="664,159,70"
href="fileadmin/user_upload/musiker/hane_d.jpg" alt="Hane" title="Hane" class="mb">
</map>
</div>
<div class="csc-textpic-text"></div>
</div>
<div class="csc-textpic-clear">
<!-- --></div>
<!-- Image block: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:414/textpic [end] -->
Alles anzeigen