Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
var counter=0;
var bildspel = new Array();
bildspel [0] = 'bild0.png';
bildspel [1] = 'bild1.png';
bildspel [2] = 'bild2.png';
bildspel [3] = 'bild3.png';
bildspel [4] = 'bild4.png';
bildspel [5] = 'bild5.png';
var bildtext = new Array();
bildtext [0] = 'bild0.png';
bildtext [1] = 'bild1.png';
bildtext [2] = 'bild2.png';
bildtext [3] = 'bild3.png';
bildtext [4] = 'bild4.png';
bildtext [5] = 'bild5.png';
//////////////////////////////////////////////
function firstPic()
{
counter= 0;
bild.src= bildspel[counter];
text.innerText = bildtext[counter];
}
//////////////////////////////////////////////
function prevPic(){
counter = counter - 1;
if(counter<0)
{
counter=0;
}
bild.src= bildspel[counter];
text.innerText = bildtext[counter];
}
///////////////////////////////////////////////
function nextPic(){
counter=counter + 1;
if(counter>=bildspel.length-1)
{
counter=bildspel.length-1;
}
bild.src= bildspel[counter];
text.innerText = bildtext[counter];
}
///////////////////////////////////////////////
function lastPic()
{
counter = bildspel.length-1;
bild.src = bildspel[counter];
text.innerText = bildtext[counter];
}
</script>
</head>
<body onLoad="firstPic()">
<div align="center">
<p><img id="bild" src="" width="300" height="200" alt=”Bild”> </p>
<span id="text"> </span>
<br />
<input type="button"
value=" << First "
onClick="firstPic()">
<input type="button"
value=" <-Prev "
onClick="prevPic()">
<input type="button"
value=" Next-> "
onClick="nextPic()">
<input type="button"
value=" Last >> "
onClick="lastPic()">
</div>
</body>
</html>
Jätte enkel kod, men FF vill inte förstå...någon som kan råda om varför?