carrousel

[Verwijderd]

Zou het lastig zijn om stel je hebt 3 foto: 2 thumbnails en de derde vergroot er boven. Je klikt op 1 van de thumbnails en deze thumbnail verschijnt als vergroting er boven. De vergroting die er stond verschijnt als meest rechtse thumbnail etcetera.

Dus eigenlijk een soort van webfotogalerie alleen is de thumbnail van de vergroting die op dat moment wordt weergegeven niet zichtbaar. En bij wijziging van de vergroting moet de laatst geplaatste vergroting rechts in de rij van thumbnails verschijnen: als een carrousel.

Het script zou makkelijk uitbreidbaar moeten zijn naar meer dan 3 foto's.

[André]

Dat is vrij simpel, wat heb je zelf al geprobeerd of gevonden?

[Verwijderd]

Nog niks omdat ik niet weet waar of hoe ik moet beginnen. Iemand kwam met deze vraag bij mij, of ik dat kan maken, maar ik weet niet hoe ik dat moet doen, vandaar mijn vraag hier...

[André]

code:

<script type="text/javascript">
  function swap(obj)
  {
    var tmp = obj.src;
    obj.src = document.getElementById("groot").src;
    document.getElementById("groot").src = tmp;
  }
</script>

<img src="a.jpg" onclick="swap(this)">
<img src="b.jpg" onclick="swap(this)">
<br>
<img src="c.jpg" id="groot">

Dit zou je basis kunnen zijn.