thumbnail script met slideshow

[parkietenwinkel]

Hoi Allemaal,

Ik heb een vraagje over een script. Ik heb een script waarbij je op een thumbnail klikt en je dan op dezelfde pagina een vergroting van de foto ziet. Ik zou het heel mooi vinden als op de plek van de foto ook een slideshow van de foto's te zien is. Het is dus een combinatie van slideshow en het klikken op een tumbnail en de foto dan laten zien wat ik wil. Dit is het script wat ik tot nu toe heb:

[JS]
<!--dit gedeelte tussen de head tags plaatsen, hier niets wijzigen-->
<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>


<div align="center">
<table border="0" width="85%" id="table5" cellspacing="0" cellpadding="0">
<td><a href="javascript:doPic('afbeeldingen/trouwfoto_1.jpg');"><img src="afbeeldingen/trouwfoto_1.jpg" width=60 height=60 border=0></a></td>
<td><a href="javascript:doPic('afbeeldingen/trouwfoto_2.jpg');"><img src="afbeeldingen/trouwfoto_2.jpg" width=60 height=60 border=0></a></td>
<td><a href="javascript:doPic('afbeeldingen/trouwfoto_3.jpg');"><img src="afbeeldingen/trouwfoto_3.jpg" width=60 height=60 border=0></a></td>
<td><a href="javascript:doPic('afbeeldingen/trouwfoto_4.jpg');"><img src="afbeeldingen/trouwfoto_4.jpg" width=60 height=60 border=0></a></td>
</table>
</div>
<div align="center">
<table width=210 border=0 cellspacing=0 cellpadding=0>
<tr>
<td align=center><img name="mainpic" src="afbeeldingen/trouwfoto_1.jpg" width=400 height=400 border=0></td>
</tr>
</tr>
</table>
[/JS]

Weten jullie hoe je dat kan schrijven in javascript? Alvast bedankt voor jullie hulp!!!

 

[That Guy]

Waar heb je dit script vandaan? Het komt uit 1997 ofzo. Netscape bestaat helemaal niet meer.

Zoiets voldoet:

<img id='bigimg' />

<img src='plaatje_1.jpg' onclick='doPic(this);' />
<img src='plaatje_2.jpg' onclick='doPic(this);' />
<img src='plaatje_3.jpg' onclick='doPic(this);' />
<!-- etc -->

[JS]function doPic(imgElem)
{
document.getElementById('bigimg').src = imgElem.src;
}[/JS]

 

[parkietenwinkel]

Hoi Guy, allereerst bedankt voor je reactie:thumb:!
Zoals je al door hebt, ben ik niet zo thuis in javascript

Ik heb je script door middel van kopiëren en plakken in Frontpage gezet, maar ik krijg het helaas niet werkend.


Weet iemand het script om de foto te laten bewegen in combinatie met thumbnails?

Alvast bedankt!

 

[phobia]

Ik heb je script door middel van kopiëren en plakken in Frontpage gezet, maar ik krijg het helaas niet werkend.

FrontPage, dat is een programma die ik al lang niet meer tegen gekomen ben.

Maar als je van plan bent en de wens hebt om het echt zelf te maken en ook wat te leren.

Dan kan ik je Jquery aanraden. Het is javascript sneller en korter

hier is een link naar een site waar jquey van af het begin duidelijk wordt uit gelegd in tut vids.

Enige vereisde is wel dat je engels kunt!