Voor een klant ben ik bezig met het presenteren van zijn foto's op zijn website. Ik heb hiervoor een Javascriptje gebruikt die de foto's achtereenvolgens laat overvloeien. Het standaardscript was echter geschikt voor het tonen van 5 foto's. Ik heb dit inmiddels uitgebreid naar 12, maar hij toont alleen maar de eerste 4 foto's en laat dan opeens de laatste zien en gaat dan ook niet meer verder met overvloeien.
Ik heb het hele script al nagezien, maar kom er niet uit wat ik nu fout gedaan zou hebben. Waar zou het nu nog aan kunnen liggen? Want mijns inziens moet zo een script gewoon geschikt zijn om een x-aantal foto's te tonen. Klik hier om de pagina werkend te zien.
Onderstaand het complete script.
Ik heb het hele script al nagezien, maar kom er niet uit wat ik nu fout gedaan zou hebben. Waar zou het nu nog aan kunnen liggen? Want mijns inziens moet zo een script gewoon geschikt zijn om een x-aantal foto's te tonen. Klik hier om de pagina werkend te zien.
Onderstaand het complete script.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
| <html>
<head>
<title>
Bosman Tuinadvies - Tuinen Sint Philipsland
</title>
<script language="JavaScript1.1">
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="1_001.jpg"// foto 1
var foto2=new Image()
foto2.src="1_002.jpg"// foto 2
var foto3=new Image()
foto3.src="1_003.jpg"// foto 3
var foto4=new Image()
foto4.src="1_004.jpg"// foto 4
var foto5=new Image()
foto5.src="1_005.jpg"// foto 5
var foto5=new Image()
foto5.src="1_006.jpg"// foto 6
var foto5=new Image()
foto5.src="1_007.jpg"// foto 7
var foto5=new Image()
foto5.src="1_008.jpg"// foto 8
var foto5=new Image()
foto5.src="1_009.jpg"// foto 9
var foto5=new Image()
foto5.src="1_011.jpg"// foto 10
var foto5=new Image()
foto5.src="1_012.jpg"// foto 11
</script>
</head>
<body onLoad="overvloeier()" bgcolor='eff7e8'>
<center>
<img src="./header.jpg">
<br /><br />
<font face="Verdana" size="4pt" color="887469">Aangelegde tuinen Sint Philipsland</font>
</center>
<br /><br />
<center>
<a href="javascript:overgang()"><img src="1_001.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="800" height="533"></a>
</center>
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<12) // aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",5000)// de tijd tussen twee plaatjes in milliseconden
}
function overgang(){
if (beeldnr==1)
window.location=""
else if (beeldnr==2)
window.location=""
else if (beeldnr==3)
window.location=""
else if (beeldnr==4)
window.location=""
else if (beeldnr==5)
window.location=""
else if (beeldnr==6)
window.location=""
else if (beeldnr==7)
window.location=""
else if (beeldnr==8)
window.location=""
else if (beeldnr==9)
window.location=""
else if (beeldnr==10)
window.location=""
else if (beeldnr==11)
window.location=""
}
</script>
</body
</html> |
