Hej,
Under min sitetest og min egen interne browser test er jeg blevet
opmærksom på et lille kedeligt problem i min menu... Og når
design og indhold er crossbrowser kompatibelt i >IE5, >NS4.07
samt >Opera6 (længere er jeg ikke kommet) kan det ikke passe at
menuen driller ...
Det jeg har er, at menuen skal trigger en animation ved
onMouseOver, eller rettere sagt - skal reloade det billede der
allerede er loadet. Billedet indeholder en animation der
gennemløber én gang og stopper. Jeg anvender ikke trigger på
onmouseout.
Problemet er, at ikke at det ikke virker... Men på Netscape4.72,
Opera6 samt IE på MAC virker det kun første gang, og ikke mere...
Altså anden gang musen føres over, sker der absolut nada.
Mit JS er som følger
<script language="JavaScript" type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2)
{
document[changeImages.arguments[i]].src =
changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
menu_over = newImage("gfx/button_menufade.gif");
preloadFlag = true;
}
}
function nsResize() {
// wait a sec. and then reload the page
myTimer = setTimeout("location.reload()",1000);
}
window.onresize = nsResize;
winW = "100%";
if (document.layers) winW = window.innerWidth;
var mainTable = '<table width="'+winW+'" cellspacing="0"
cellpadding="0" border="0" align="left">';
preloadImages();
//-->
</script>
hvor jeg inkluderer en preloader og billedeskift.
Jeg trigger med følgende kode
<a href="?Ref=curriculumvitae"
onMouseOver="changeImages('buttonfive',
'gfx/button_menufade.gif'); return true;"><img
src="gfx/menu_curriculumvitae.gif" width="165" height="20" alt=""
border="0"></a>
Gode idéer og specielt løsninger modtages med kyshånd. Selve
løsningen kan ses på
http://lars.jensen.name
/ Lars
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials