Maak een slideshow van de foto’s op uw site met deze eenvoudige script
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Praktische 1 - CST </ title>
<script type="text/javascript">
<! -
/ / Preload beelden
var foto1 = new Image ()
image1.src = "images/img1.jpg"
var Image2 = new Image ()
image2.src = "images/img2.jpg"
var afbeelding3 = new Image ()
image3.src = "images/img3.jpg"
var Image4 = new Image ()
image4.src = "images/img4.jpg"
//-->
</ Script>
<style type="text/css">
<! -
lichaam, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 003399;
}
body {
background-color: # 999999;
margin-left: 50px;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
}
->
</ Style> </ head>
<body>
<h1> Praktische 1 - CST </ h1>
<h2> <strong> Doel: </ strong> Schrijf JavaScript-code aan Afbeelding diavoorstelling te maken </ h2>.
</ P>
<p> href="javascript:overgang()"> src = "images/img1.jpg" naam = "dia" <img border="0" width="500" height="300" /> </ a> </ p>
<p>
<script type="text/javascript">
<! -
var stap = 1
var = 1 beeldnr
Overvloeier function () {
if (document.images)
terug
document.images.slide.src = eval ("image" + stap +. "src")
beeldnr = stap
if (stap <4)
stap + +
anders
stap = 1
setTimeout ("overvloeier ()", 1800)
}
Overvloeier ()
slidelink function () {
if (beeldnr == 1)
window.location = "images/img1.jpg"
else if (beeldnr == 2)
window.location = "images/img2.jpg"
else if (beeldnr == 3)
window.location = "images/img3.jpg"
anders als (beeldnr == 4)
window.location = "images/img1.jpg"
}
//-->
</ Script>
</ P>
Klik op de afbeelding om te zien.
</ P>
</ Body>
</ Html>