Lorr
Legacy Member
Hey,
Ik heb een gallery gemaakt met een reeks kleinere afbeeldingen, wanneer je op 1 van die afbeeldingen klikt. Dan kan je die in het groot zien (geen pop up).
Nu wou ik een next en previous knop gebruiken waardoor die reeks afbeeldingen veranderd in een nieuwe reeks.
Mijn kennis van javascript is zeer klein
Dit is de code die ik heb staan in html en mijn js bestandje.
HTML
JS
Ik was aan het denken om op die manier te beginnen...
Maar ik zou niet weten hoe ik mijn Loadgallery(bestand) zou kunnen veranderen.
Mijn afbeeldingen zijn allemaal picture1, picture2,.... mss kan ik met die bestand benaming iets doen met i++ of arrays.
Maar ik zou niet weten hoe!
Alvast bedankt!
Ik heb een gallery gemaakt met een reeks kleinere afbeeldingen, wanneer je op 1 van die afbeeldingen klikt. Dan kan je die in het groot zien (geen pop up).
Nu wou ik een next en previous knop gebruiken waardoor die reeks afbeeldingen veranderd in een nieuwe reeks.
Mijn kennis van javascript is zeer klein
Dit is de code die ik heb staan in html en mijn js bestandje.
HTML
Code:
<div id="arrow">
<a href="#_self" onclick="changeLink()"><img src="images/right.png" border="0"/></a>
</div>
<table class="pictures">
<tr>
<th colspan=4><img src="images/gallery/picture1.jpg" id="mainpic" height="350" border="1"></th>
</tr>
<tr>
<td><a id="pic1" href="#_self" onclick="LoadGallery('images/gallery/picture1.jpg')"><img src="images/gallery/picture1.jpg" width="150" border="0"/></a></td>
<td><a id="pic2" href="#_self" onclick="LoadGallery('images/gallery/picture2.jpg')"><img src="images/gallery/picture2.jpg" width="150" border="0"/></a></td>
<td><a id="pic3" href="#_self" onclick="LoadGallery('images/gallery/picture3.jpg')"><img src="images/gallery/picture3.jpg" width="150" border="0"/></a></td>
<td><a id="pic4" href="#_self" onclick="LoadGallery('images/gallery/picture4.jpg')"><img src="images/gallery/picture4.jpg" width="150" border="0"/></a></td>
</tr>
</table>JS
Code:
function LoadGallery(bestand)
{
document.getElementById('mainpic').src = bestand;
}Ik was aan het denken om op die manier te beginnen...
Code:
function changeLink()
{
document.getElementById('pic1').innerHTML = '<img src="images/gallery/picture5.jpg" width="150" border="0"/>';
document.getElementById('pic2').innerHTML = '<img src="images/gallery/picture6.jpg" width="150" border="0"/>';
document.getElementById('pic3').innerHTML = '<img src="images/gallery/picture7.jpg" width="150" border="0"/>';
document.getElementById('pic4').innerHTML = '<img src="images/gallery/picture8.jpg" width="150" border="0"/>';
}Maar ik zou niet weten hoe ik mijn Loadgallery(bestand) zou kunnen veranderen.
Mijn afbeeldingen zijn allemaal picture1, picture2,.... mss kan ik met die bestand benaming iets doen met i++ of arrays.
Maar ik zou niet weten hoe!
Alvast bedankt!