Bildevisning






Putt dette scriptet mellom HEAD-taggene:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function changeImage()
{
mainimage.src = list.options[list.selectedIndex].value;
}
function prevImage()
{
if(list.selectedIndex == 0)
{
list.selectedIndex = list.options.length-1;
}
else
{
list.selectedIndex--;
}
changeImage();
}
function nextImage()
{
if(list.selectedIndex == list.options.length-1)
{
list.selectedIndex = 0;
}
else
{
list.selectedIndex++;
}
changeImage();
} // End -->
</script>


Lag BODY-taggen sånn:

<BODY onLoad="javascript:changeImage()">


Albumet setter du opp sånn:

<div align="center">
<img name="mainimage" border="1">
<br>
<input type="button" value="Forrige" onclick="javascript:prevImage()">
<select id="list" onchange="javascript:changeImage()">
<option value="image1.jpg">Bilde 1</option>
<option value="image2.jpg">Bilde 2</option>
<option value="image3.jpg">Bilde 3</option>
<option value="image4.jpg">Bilde 4</option>
</select>
<input type="button" value="Neste" onclick="javascript:nextImage()">
</div>