/ 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
Klassisk: Preload og skift af billeder.
Fra : Thomas Voller


Dato : 16-10-04 22:00

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.



 
 
Thomas Voller (17-10-2004)
Kommentar
Fra : Thomas Voller


Dato : 17-10-04 11:00

"Thomas Voller" <voller@nospam-voller.dk> skrev
> 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".

Jeg fik det til at køre, helt uden hjælp...

mainimage01 = new Image();
mainimage01.src = "grafik/kaelen/kaelen-01.jpg";
mainimage02 = new Image();
mainimage02.src = "grafik/kaelen/kaelen-02.jpg";

function switchimage(file){
if(file == 'first'){
document.getElementById("main").src = mainimage01.src;
}
else if(file == 'second'){
document.getElementById("main").src = mainimage02.src;
}
}



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

Månedens bedste
Årets bedste
Sidste års bedste