mensen,
ik ben bezig met een script waarbij links een aantal foto's staan en rechts ook en in het midden een geselecteerde foto vergroot. Dus wanneer je op een foto, van links of rechts klikt, dan moet deze vergroot in het midden van deze staan. Ook moet de optie erbij staan waarbij je een knop vorige en volgende hebt. De bedoeling is dat wanneer je op deze knop klikt, dat alleen de middelste vergrotende foto overgaat naar de volgende/vorige. De zijfoto's blijven op hun positie. maar moet nog steeds aanklikbaar zijn.
Ik heb het script nu als volgt:
Kan iemand mij hierbij helpen. Waar moeten de aanpassingen?
ik ben bezig met een script waarbij links een aantal foto's staan en rechts ook en in het midden een geselecteerde foto vergroot. Dus wanneer je op een foto, van links of rechts klikt, dan moet deze vergroot in het midden van deze staan. Ook moet de optie erbij staan waarbij je een knop vorige en volgende hebt. De bedoeling is dat wanneer je op deze knop klikt, dat alleen de middelste vergrotende foto overgaat naar de volgende/vorige. De zijfoto's blijven op hun positie. maar moet nog steeds aanklikbaar zijn.
Ik heb het script nu als volgt:
Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
NewImg = new Array (
"Stereo/img_dd8.jpg",
"Stereo/inrichting woonkamer.jpg",
"Stereo/pump-up-the-bass.jpg",
"Stereo/uid1691_fbb6d0c5687929bddd4972550b61d9c3.jpg");
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
//Time delay between Slides in milliseconds
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
var width = screen.width;
</script>
</HEAD>
<BODY>
<div align="center">
<!--StartImage-->
<table>
<tr>
<td>
<div><a href="Stereo/img_dd8.jpg" target="_self"><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></a></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
</td>
<td>
<img src="Stereo/img_dd8.jpg" name="slideshow" width="443" height="370">
</td>
<td>
<div><a href="Stereo/img_dd8.jpg" target="_self"><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></a></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
<div><img src="Stereo/img_dd8.jpg" name="slideshow" width="111" height="93"></div>
</td>
</tr>
</table>
</div>
<table align="center">
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Vorige</a></td>
<td align="left"><a href="javascript:chgImg(1)">Volgende</a></td>
</tr>
</table>Kan iemand mij hierbij helpen. Waar moeten de aanpassingen?
