Hjælp til slideshow
Er der mon nogen der kan hjælpe mig med at enkelt slideshow, der virker? Jeg er nybegynder og skal lave et slideshow til min søsters hjemmeside. Jeg arbejder i FrontPage (som en ægte nybegynder ;-) og det volder mig en del problemer: Den kode jeg ellers havde fundet til mit slideshow indeholder bl.a. innerHTML, og jeg tror måske det er det, der får FP til at stejle? Kan i hvert fald ikke få det til at virke.. Eller har jeg lavet fejl i koden?Hvis ikke det kan lade sig gøre i FP, er der så nogen der har en anden ide til et enkelt slideshow, som programmet kan tackle?
Tak,
Tina : - )
PS: Koden jeg har brugt er:
<html>
<head>
<title>Slideshow</title>
<SCRIPT type="text/javascript">
var archive = new Array();
var text = new Array();
archive[1]='nytbillede1.jpg';
text[1]='Ny tekst 1';
archive[2]='nytbillede2.jpg';
text[2]='Ny tekst 2';
archive[3]='nytbillede3.jpg';
text[3]='Ny tekst 3';
archive[4]='nytbillede4.jpg';
text[4]='Ny tekst 4';
var numberOfImages=archive.length-1;
var imageID=1;
function showImage(order) {
if (order=='next' && imageID<numberOfImages) {
imageID++;
document.getElementByld('image').src = archive[imageID];
}
else if (order=='next'){
imageID=0;
showImage(order);
}
if (order=='prior' && imageID!=1) {
imageID--;
document.getElementByld('image').src = archive[imageID];
}
else if (order=='prior'){
imageID=numberOfImages+1;
showImage(order);
}
document.getElementByld('imageText').innerHTML=text[imageID];
}
function initText(){
document.getElementByld('image').src = archive[1];
document.getElementByld('imageText').innerHTML=text[1];
}
</script>
<style type="text/css">
#image {position:relative}
#imageText {font-family:verdana;font-size:8pt;padding:2px}
BODY {background-color:white;color:black;font-family:times;font-size:14pt}
.knap {font-family:verdana;font-size:10pt;width:100px;cursor:pointer;cursor:hand}
</style>
</head>
<BODY onLoad="initText()">
<B>Ny tekst 1</B><br>
<img id="image" src="nytbillede1.jpg" border="0" width="280" height="135">
<div id="imageText"></div><br>
<input type="button" value="Forrige billede" onclick="showImage('prior')" class="knap">
<input type="button" value="Næste billede" onclick="showImage('next')" class="knap">
</BODY>
</HTML>
