Nu har jeg studeret mere end et par håndfulde websider om
JavaScript-rollovers, og jeg fatter det stadig ikke...
Jeg har 1 (et) billede, som skal erstattes med op til syv forskellige, alt
afhængig af hvilket menupunkt, man laver onmouseover på.
Det fungerer fint - når man laver onmouseover bliver det blanke billede
erstattet af et andet, og når man onmouseouter, kommer det blanke billede
tilbage igen.
Problemet? At preloaden ikke virker! Hver gang man flytter musen, går
maskinen på nettet for at hente billedet! Hvorfor f..... tager den ikke de
preloadede billeder?
Så vidt jeg kan se, gør jeg det helt rigtigt. Hvorfor dælen virker det så
ikke?
Mvh Steen
*** KODE START
<script type="text/javascript">
function taend(nr) {
eval('document.grouppic.src = grouppic'+nr+'.src;');
}
function sluk(nr) {
document.grouppic.src=('pics/blank.gif');
}
function loadimg() {
grouppic = new Image();
grouppic1 = new Image();
grouppic2 = new Image();
grouppic3 = new Image();
grouppic4 = new Image();
grouppic5 = new Image();
grouppic6 = new Image();
grouppic7 = new Image();
grouppic1.src = 'pics/headers/group1.jpg';
grouppic2.src = 'pics/headers/group2.jpg';
grouppic3.src = 'pics/headers/group3.jpg';
grouppic4.src = 'pics/headers/group4.jpg';
grouppic5.src = 'pics/headers/group5.jpg';
grouppic6.src = 'pics/headers/group6.jpg';
grouppic7.src = 'pics/headers/group7.jpg';
}
</script>
</head>
<body onload="loadimg();">
<a class="menu" onmouseover="taend(1);" onmouseout="sluk(1);"
href="1.htm">Menupunkt 1</a>
<a class="menu" onmouseover="taend(2);" onmouseout="sluk(2);"
href="2.htm">Menupunkt 2</a>
<a class="menu" onmouseover="taend(3);" onmouseout="sluk(3);"
href="3.htm">Menupunkt 3</a>
<a class="menu" onmouseover="taend(4);" onmouseout="sluk(4);"
href="4.htm">Menupunkt 4</a>
<a class="menu" onmouseover="taend(5);" onmouseout="sluk(5);"
href="5.htm">Menupunkt 5</a>
<a class="menu" onmouseover="taend(6);" onmouseout="sluk(6);"
href="6.htm">Menupunkt 6</a>
<a class="menu" onmouseover="taend(7);" onmouseout="sluk(7);"
href="7.htm">Menupunkt 7</a>
<img border="0" alt="" src="pics/blank.gif" name="grouppic" width="173"
height="173" />
*** KODE SLUT
--
Steen Eiler Jørgensen
"Time has resumed its shape. All is as it was before.
Many such journeys are possible. Let me be your gateway."