Webbprogrammering iFokus

Webbprogrammering

Etikettjavascript-jquery
Läst 2570 ggr
Stephanie
2011-06-08 13:47
0

Bläddra bilder med Javascript?

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

PokalStjärnor Mvh Stephanie StjärnorPokal

[Fibbe]
2011-06-08 14:03
0
#1

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('');

if(img >= images.length)
{
img = 0;
}
}

I html skulle detta se ut:

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

johan
2011-06-08 20:07
0
#2

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/

Mvh // Johan

ryttarn
2011-06-10 13:33
0
#3

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

Jerker Klang,
medarbetare på ponnytrav ifokus

Gemenskap, glädje och fart - ponnytrav såklart!

Stuteri Isil, Sagolika Gotlandsruss

www.isil.se