<!doctype html>
<html lang= "et">
</head>
<meta charset="utf-8">
<title>Pildigalerii</title>
<script>
var pildiNr;
var pilteKokku = 69;
function valiPilt(){
pildiNr = 1 + Math.round(Math.random()*(pilteKokku - 1)) ;
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
function piltEdasi(){
pildiNr ++;/*suurendamine ühe võrra ++ vähendamine ühe võrra --*/
console.log(pildiNr);
if(pildiNr > pilteKokku){
pildiNr = 1;
}
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
function piltTagasi(){
pildiNr --;/*suurendamine ühe võrra ++ vähendamine ühe võrra --*/
console.log(pildiNr);
console.log(pildiNr);
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
</script>
<body onLoad="valiPilt()">
<h1>Tallinn tornide linn</h1>
<div id="pildikoht">
<img id="pilt" onClick="valiPilt()" src="https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_5.jpg" alt="lamp">
</div>
<input id="piltTagasi" value="Eelmine pilt" Onclick="piltTagasi()" value="Eelmine pilt" >
<input id="piltEdasi" value="Järgmine pilt" Onclick="piltEdasi()" value="Järgmine pilt" >
</body>
</html>
<html lang= "et">
</head>
<meta charset="utf-8">
<title>Pildigalerii</title>
<script>
var pildiNr;
var pilteKokku = 69;
function valiPilt(){
pildiNr = 1 + Math.round(Math.random()*(pilteKokku - 1)) ;
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
function piltEdasi(){
pildiNr ++;/*suurendamine ühe võrra ++ vähendamine ühe võrra --*/
console.log(pildiNr);
if(pildiNr > pilteKokku){
pildiNr = 1;
}
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
function piltTagasi(){
pildiNr --;/*suurendamine ühe võrra ++ vähendamine ühe võrra --*/
console.log(pildiNr);
console.log(pildiNr);
var file = 'https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_'+ pildiNr +'.jpg';
document.getElementById('pilt').setAttribute('src', file);
}
</script>
<body onLoad="valiPilt()">
<h1>Tallinn tornide linn</h1>
<div id="pildikoht">
<img id="pilt" onClick="valiPilt()" src="https://www.cs.tlu.ee/~rinde/media/fotod/tallinn/tln_5.jpg" alt="lamp">
</div>
<input id="piltTagasi" value="Eelmine pilt" Onclick="piltTagasi()" value="Eelmine pilt" >
<input id="piltEdasi" value="Järgmine pilt" Onclick="piltEdasi()" value="Järgmine pilt" >
</body>
</html>