Hej javascript-hajer.
Jeg vil gerne lave en klassiker: Preloade nogle billeder og så skifte mellem
disse preloadede billeder når man trykker på en thumbnail-udgave af disse
preloadede billeder.
Jeg har aldrig fået sat mig ind i javascript, så nedenstående er sikkert en
pragtfuld katastrofe af fejl.
I mit HTML-dokument (pseudokode: attributter mm. klippet bort):
--------------------------------------------------------------------
<head>
<script type="text/javascript" src="minfil.js"></script>
</head>
--- --- --- --- --- --- --- --- --- --- --- --- ---
---
<div id="image">
<img id="main" src="kaelen-01.jpg" />
</div>
<div id="thumbs">
<a href="#" onclick="switchimage('1');return false;">
<img src="thumb-02.jpg" />
</a>
<br />
<br />
<a href="#" onclick="switchimage('2');return false">
<img src="thumb-01.jpg" />
</a>
</div>
--------------------------------------------------------------------
Og min js-fil, som bliver inkluderet i toppen af HTML-dokumentet.
--------------------------------------------------------------------
function preload(){
mainimage01 = new Image();
mainimage01.src = "kaelen-01.jpg";
mainimage02 = new Image();
mainimage02.src = "kaelen-02.jpg";
}
function switchimage(file){
if (file == "1") {
document.getElementById('main').src = mainimage01.src;
elseif (file == "2"){
document.getElementById('main').src = mainimage02.src;
}
}
window.onload = preload();
--------------------------------------------------------------------
Sagen er altså, at funktionen preload() skal køres når siden hentes ind i
browseren. Når brugeren trykker på et af de to thumbnail-billeder, skal de
pågældende thumbnail-billede vises i stor udgave (i img-elementet med id
"main"). Dette virker bare ikke. Når jeg trykker på et af de to
thumbnail-billeder får jeg en fejl: "Et objekt var ventet, linje 17, tegn
1".
Kan nogen hjælpe mig videre?
Mvh. Thomas.