Javascript bildspel
Hej!
Har nu ett bildspel som ändrar bild med fram och bak knappar, men skulle vilja ha att samma knappar ändrar en bild till.
Alltså det är 2 bilder bredvid varandra, när man trycker på framåt så ska båda bilder ändras till nästa och samma gäller förstås bakåt.
Såhär ser koden ut med bara 1 bild.
Headern:
<script language="JavaScript">
var image = new Array("Bilder/Frukt/1.png", "Bilder/Frukt/2.png", "Bilder/Frukt/3.png", "Bilder/Frukt/4.png", "Bilder/Frukt/5.png", "Bilder/Frukt/6.png", "Bilder/Frukt/7.png", "Bilder/Frukt/8.png", "Bilder/Frukt/9.png", "Bilder/Frukt/10.png", "Bilder/Frukt/11.png", "Bilder/Frukt/12.png", "Bilder/Frukt/13.png", "Bilder/Frukt/14.png")
var imgNumber=1
var numberOfImg = image.length
function previousImage(){
if(imgNumber > 1){
imgNumber--
}
else{
imgNumber = numberOfImg
}
document.slideImage.src = image[imgNumber-1]
}
function nextImage(){
if(imgNumber < numberOfImg){
imgNumber++
}
else{
imgNumber = 1
}
document.slideImage.src = image[imgNumber-1]
}
if(document.images){
var image1 = new Image()
image1.src = "/Bilder/Frukt/1.png"
var image2 = new Image()
image2.src = "/Bilder/Frukt/2.png"
var image3 = new Image()
image3.src = "/Bilder/Frukt/3.png"
var image4 = new Image()
image4.src = "/Bilder/Frukt/4.png"
var image5 = new Image()
image5.src = "/Bilder/Frukt/5.png"
var image6 = new Image()
image6.src = "/Bilder/Frukt/6.png"
var image7 = new Image()
image7.src = "/Bilder/Frukt/7.png"
var image8 = new Image()
image8.src = "/Bilder/Frukt/8.png"
var image9 = new Image()
image9.src = "/Bilder/Frukt/9.png"
var image10 = new Image()
image10.src = "/Bilder/Frukt/10.png"
var image11 = new Image()
image11.src = "/Bilder/Frukt/11.png"
var image12 = new Image()
image12.src = "/Bilder/Frukt/12.png"
var image13 = new Image()
image13.src = "/Bilder/Frukt/13.png"
var image14 = new Image()
image14.src = "/Bilder/Frukt/14.png"
}
//-->
</script>
Och i Bodyn:
<table>
<tr>
<td><img src="Bilder/box_frukt1.png"></td>
<td><img src="Bilder/Frukt/1.png" name="slideImage" border="5" class="bastext"></td>
</tr>
<tr>
<td> </td>
<td height="60"><a href="javascript:previousImage()"><img src="Bilder/knapp_bak.png" width="50" height="50" hspace="200" border="0"></a>
<a href="javascript:nextImage()"><img src="Bilder/knapp_fram.png" width="50" height="50" border="0"></a></td>
</tr>
</table>
Det är alltså "box_frukt1.png" som ska ändras till 2-14.
Någon kunnig som kan hjälpa?
i7 920 @ 4.4 Ghz - HT On | HD5870 | Vertex SSD | Thermochill 120.4 - Heatkiller 3.0 - EK5870 | Silverstone TJ07
TJ07 WeeMaan Edition :D