Moin. Ich muss mich entschuldigen, aber ich bin absoluter Neuling in diesem Gebiet und komme nicht weiter.
Ich betreibe eine Website und möchte gern eine Mouseover-Effekt einsetzen, um Bilder besser dar zu stellen. In meinem Fall muss ein Bild rangezoomt werden, sobald ich mit der Maus drüber fahre. Ich habe schon mehrere HTML-Codes ausprobiert, hatte aber bisher keinen Erfolg. Kann mir jemand sagen wo der Fehler liegt bzw. ob ich vllt. sogar auf dem Holzweg bin mit meinem Code ?
Code:
<style type="text/css">
.zoomimage-container {position: relative;}
.zoomimage-std {}
.zoomimage-zoom {visibility: hidden; position: absolute; z-index: 1; top: 0px; left: 0px;}
</style>
<div class="zoomimage-container">
<a class="zoomimage-std" href="I:\H1\Bilder\04"><img" src="\images\intra\news\1.jpg" border="0" width="594" height="298" style="border-width: 0px;"
alt="" onmouseover="javascript:document.getElementById
('zoomimage1').style.visibility='visible'" /></a> <a href="I:\H1\Bilder\04"
class="zoomimage-zoom" id="zoomimage1" "
onmouseout="javascript:document.getElementById
('zoomimage1').style.visibility='hidden'" name="zoomimage1"><img
src="http:\\XXX.XXX.XXX.XXX\htdocs\Joomla\images\intra\news\2.png" alt="" /></a>
</div>