nicht angemeldet
hallo,
hier erst mal mein code:
<script type="text/javascript">
<!--
normal1 = new Image();
normal1.src = "normal.png";
hover1 = new Image();
hover1.src = "hover.png";
function bildwechsel(bildnr,bildobjekt)
{
window.document.images[bildnr].src = bildobjekt.src;
}
//-->
</script>
<body>
<a href="http://www.google.de"
onMouseOver="bildwechsel(0,hover1)"
onMouseOut="bildwechsel(0,normal1)">
<img border="0" src="normal.png" width="144" height="126"><br>beschreibung</a>
</body>
ich verwende für die buttons PNG dateien, weil ich halbtransparente grafiken verwende. um diese auch im IE darstellen zu können benötigt man einen filder der mit CSS eingebunden wird:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.png', sizingMethod='scale')
CSS in javascript einzubinden geht so:
document.write('<style type="text/css">');
document.write(" /*CSS notierungen*/ ");
document.write('</style>');
nun meine frage:
wie kann ich nun den Microsoft.AlphaImageLoader mit meinen javascript buttons verwenden? hab es so ausprobiert:
document.write('<style type="text/css">');
hover1 = new Image();
hover1.src = "document.write("filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover.png', sizingMethod='scale')");";
document.write('</style>');
funktioniert leider nicht. kann mir jemand weiterhelfen?
gruß
torsten