limiet stellen aan hoeveelheid foto's in div

[Robbie66]

Hallo,
ik ben bezig met een fotowebsite. Daarbij heb ik een vertikale div met de thumbnails erin. Bovenaan heb ik een pijltje om naar de vorige foto te klikken en onderaan de div heb ik een pijltje om naar de volgende foto te klikken. Daartussen staan de thumbnails die zich natuurlijk niets van die pijltjes aantrekken. Ik wil graag dat er een vast aantal thumbnails tussen de pijltjes blijven en dat er met de pijltjes verder geklikt kan worden naar de vorige of volgende thumbnail. Ik heb met css naar een oplossing gezocht maar kon het niet vinden. Is er een script om dit toch voor elkaar te krijgen?

B.v.d.
Robbie66

 

[That Guy]

Het idee:

<button onclick='prev()'>vorrige</button>

<img src='' id='foto1' />
<img src='' id='foto2' />
<img src='' id='foto3' />
<img src='' id='foto4' />

<button onclick='next()'>volgende</button>

[JS]var fotos = [
'foto1.jpg',
'meerfotos.jpg'
];

var huidigeIndex = 0;

function vorrige()
{
// ...
}

function volgende()
{
// magie!
}[/JS]

De volgende en vorrige functies met je dus zelf verzinnen, maar wat die doen: kijk naar het index, doe deze min of plus een, en lees dan de array uit.

:thumb:

 

[Robbie66]

Hallo That Guy,
bedankt voor je antwoord. Ik ga je magie zeker proberen, maar weet niet hoe ik deze code moet toepassen in deze site omdat de foto's in een xml file zitten. Ik zal de url van de site geven, maakt het sowieso wat makkelijker;
http://www.svensweb.com/webalbumvoorbeeld/fotogallerie/

bedankt,
Robbie66