# Bläddra bilder med Javascript?
Author: Stephanie

Har ni några tips på hur man kan skapa en form av blädderfunktion för bilder? Jag skulle vilja ha en bild på en sida, med möjlighet att klicka på pilar för att bläddra fram och tillbaka mellan bilderna.

Tänkte kika lite på jQuery också ![Glad](http://webbprogrammering.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-smile.gif "Glad")

## Comment 1
Author: [Borttaget]

Har du jättemånga bilder bör du nog ladda in dem en och en med Ajax.

Men är det inte så otroligt många kan du ju ladda in dem med en array i **javascript**, typ:

var images = Array("bild1.jpg", "bild2.jpg", "bild3.jpg");

Sen kan du via **jQuery** göra något i stil med:

var img = 0;  
$(".bildspel > img").click(function()  
{  
img++;  
$(".bildspel").html('<img src="'+images\[img\]+'">');  
  
if(img >= images.length)  
{  
img = 0;  
}  
}

I **html** skulle detta se ut:

<div class="bildspel">  
<img src="bild1.jpg">  
</div>

Sen går det givetvis att köra någon fin slide-funktion eller fade-funktion för att få mjukare övergång. ![Tungan ute](http://webbprogrammering.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif "Tungan ute")

## Comment 2
Author: johan

Det finns oändligt med färdiga plugins för det, så bry sig inte om att skriva det själv om det inte är för att lära dig.

Här är några...

[http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/](http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/)

## Comment 3
Author: ryttarn

#2 Helt rätt, man skall inte uppfinna hjulet utan lägga kraften där det behövs.....