/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Animationsproblem i Menu, specielt Mac, Ne~
Fra : Lars B. Jensen


Dato : 09-02-02 05:18

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

 
 
Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste