JeroenvdHoogen
Nieuwe gebruiker
- Lid geworden
- 26 feb 2013
- Berichten
- 2
Beste allemaal,
Ik heb voor mijn website een fotoalbum gemaakt in javascript, eigenlijk gevonden op internet.
Dit fotoalbum moet als volgt in elkaar zitten. Op de pagina foto's staat een raster met allerlei foto's. Wanneer je op een foto klikt opent een nieuw scherm, het java fotoalbum.
Echter opent dit fotoalbum altijd op de eerste foto hiervan. Mijn bedoeling is dat het fotoalbum bij de tweede foto begint wanneer je op de tweede klikt, derde bij derde, enz.
de codes die ik gebruikt heb zijn deze:
op de pagina waar het raster staat:
en het java album ziet er als volgt uit:
welke aanpassing(en) moet ik maken om het wel naar mijn zin te laten werken? Ik heb het idee dat het in de link van de 'gewone' pagina naar het fotoalbum moet, klopt dit?
alvast bedankt!
Ik heb voor mijn website een fotoalbum gemaakt in javascript, eigenlijk gevonden op internet.
Dit fotoalbum moet als volgt in elkaar zitten. Op de pagina foto's staat een raster met allerlei foto's. Wanneer je op een foto klikt opent een nieuw scherm, het java fotoalbum.
Echter opent dit fotoalbum altijd op de eerste foto hiervan. Mijn bedoeling is dat het fotoalbum bij de tweede foto begint wanneer je op de tweede klikt, derde bij derde, enz.
de codes die ik gebruikt heb zijn deze:
op de pagina waar het raster staat:
HTML:
<tr>
<td><div align=center><a href="#" onclick="window.open('fotoalbum.html','Fotoalbum','width=1100,height=750,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no'); return false"><img src="images/fotoklein1.jpg" width="125" height="83"></a></td>
<td><div align=center><a href="#" onclick="window.open('fotoalbum.html','Fotoalbum','width=1100,height=750,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no'); return false"><img src="images/fotoklein2.jpg" width="125" height="83"></a></td>
<td><div align=center><a href="#" onclick="window.open('fotoalbum.html','Fotoalbum','width=1100,height=750,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no'); return false"><img src="images/fotoklein3.jpg" width="125" height="83"></a></td>
<td><div align=center><a href="#" onclick="window.open('fotoalbum.html','Fotoalbum','width=1100,height=750,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no'); return false"><img src="images/fotoklein4.jpg" width="125" height="83"></a></td>
<td><div align=center><a href="#" onclick="window.open('fotoalbum.html','Fotoalbum','width=1100,height=750,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no'); return false"><img src="images/fotoklein5.jpg" width="125" height="83"></a></td>
</tr>en het java album ziet er als volgt uit:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> ..</title>
<script type="text/JavaScript">
tekst = new Array ();
tekst[1] = "Auto in oude garage aan de Rootstraat in Oudewater";
tekst[2] = "Verhuizing van de Rootstraat naar de Populierenweg";
tekst[3] = "Verhuizing van de Rootstraat naar de Populierenweg";
tekst[4] = "Wagenpark omstreeks 1990";
tekst[5] = "Wagenpark op de Populierenweg";
var teller = 1;
function next()
{
if (teller++ >=5) //we veronderstellen hier dat je 3 fotos hebt, je kan het aantal hier aanpassen
{teller = 1;}
document.getElementById('foto').src = 'images/fotos/' + teller + '.jpg'; //we veronderstellen hier dat je foto's in de map fotos staan, en als naam enkel een getal hebben tussen 1 en 3 (het aantal fotos)
document.getElementById('beschrijving').innerHTML = tekst[teller];
}
function preview()
{
if (teller-- <=1)
{teller = 5;} //je kan hier het aantal ook aanpassen
document.getElementById('foto').src = 'images/fotos/' + teller + '.jpg';
document.getElementById('beschrijving').innerHTML = tekst[teller];
}
</script>
</head>
<body background="images/bg.jpg" style="background-color:white;font-family:arial;font-size:15px">
<div align=center>
<table width="1050">
<tr><td align="left"> <a href="#" onclick="preview();">Vorige</a></td>
<td align="right"> <a href="#" onclick="next();">Volgende</a></td></tr>
<tr><td align="center" id="beschrijving" colspan="2">Auto in oude garage aan de Rootstraat in Oudewater</td></tr>
<tr><td align="center" colspan="2">
<img src="images/fotos/1.JPG" id="foto" alt="">
</td></tr>
</table>welke aanpassing(en) moet ik maken om het wel naar mijn zin te laten werken? Ik heb het idee dat het in de link van de 'gewone' pagina naar het fotoalbum moet, klopt dit?
alvast bedankt!
