nicht angemeldet
Hallo,
ich hab folgendes Problem:
Ein div mit einer Hintergrundgrafik, beim mouseOver mit der maus wird ein GIF als Hintergrund geladen, und beim mouseOut ein anderes.
Das Funktioniert soweit wunderbar.
Nun hab ich ein JS-Funktion gebaut, welche die Grafiken vorläd um zu verhindern, dass es zu einer verzögerung kommt.
Nun hab ich das Problem, dass beim mouseOver bzw. mouseOut, nur noch der letzte Frame des GIFs angezeigt wird, und nicht mehr die Animation.
Meine Frage, wie löse ich das nun?
HTML
-----------------------------------------
1.
<body onLoad="preloadmenue('pics/hover/start_out.gif','pics/hover/start_over.gif');">
2.
<div id="navi_element_1" onMouseOver="this.style.background='url(pics/hover/start_over.gif)';" onMouseOut="this.style.background='url(pics/hover/start_out.gif)'">
</div>
-----------------------------------------
CSS
-----------------------------------------
#navi_element_1
{
width: 198px;
height: 30px;
background-image:url(pics/start.jpg);
}
-----------------------------------------
JS
-----------------------------------------
function preloadmenue() {
pre_img = new Array;
args = preloadmenue.arguments;
max = args.length;
for(z=0;z<max;z++)
{
pre_img[z] = new Image;
pre_img[z].src = args[z];
}
}
-----------------------------------------