Permalänk
Medlem

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?

Visa signatur

i7 920 @ 4.4 Ghz - HT On | HD5870 | Vertex SSD | Thermochill 120.4 - Heatkiller 3.0 - EK5870 | Silverstone TJ07
TJ07 WeeMaan Edition :D

Permalänk

Om du har fått din(?) hemska kod att fungera för en bild så borde du väl kunna få det att fungera till en bild till?

Permalänk
Medlem
Skrivet av mel0dy:

Om du har fått din(?) hemska kod att fungera för en bild så borde du väl kunna få det att fungera till en bild till?

Haha, tack.
Är ingen javascript expert precis som du kanske märker, koden har jag knåpat ihop av diverse sidor på nätet.
Du kanske har några tips på hur jag kan optimera den låter det som?

Visa signatur

i7 920 @ 4.4 Ghz - HT On | HD5870 | Vertex SSD | Thermochill 120.4 - Heatkiller 3.0 - EK5870 | Silverstone TJ07
TJ07 WeeMaan Edition :D

Permalänk
Medlem

Ingen som har några förslag?
Någon som har en ide hur man lägger in text i bilderna då?

Visa signatur

i7 920 @ 4.4 Ghz - HT On | HD5870 | Vertex SSD | Thermochill 120.4 - Heatkiller 3.0 - EK5870 | Silverstone TJ07
TJ07 WeeMaan Edition :D