:strip_icc():strip_exif()/u/30425/crop5906f20a03bb0_cropped.jpeg?f=community)
Voor een site van een familie reünie ben ik een foto-fader aan het maken, dus dat alle hoofden even voorbij komen (fade in, fade out). Nu heb ik een script gebrouwen, dat fade in, out, verander plaatje, fade in, en dan stopt het gebeuren, terwijl het gewoon door moet gaan. Hier een lappie text.
Ik zal hem ook wel ff online zetten, en ik weet dat ik beter geen bmp's kan gebruiken, maar ja, die plaatjes had ik nog, en zijn gemaakt in Paint
. Nog even 1x het verhaal:
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
| <html>
<head>
<style type=text/css>
body{ font-family: arial; color: white; background-color: black;}
</style>
<title>Fader</title>
<script language=javascript>
var i=1;
var j= new Array();
j[0] = 'koos.bmp';
j[1] = 'piet.bmp';
j[2] = 'geert.bmp';
j[3] = 'jan.bmp';
var k= 100;
var l= 0;
function fadeStart() {
if (document.hoofd.filters.alpha.opacity==100){
fadeOut();
} else {
fadeIn();
}
}
function fadeIn() {
document.hoofd.src = j[l];
document.hoofd.filters.alpha.opacity=0 + i;
i++;
setTimeout('fadeStart()',01);
}
function fadeOut() {
if(document.hoofd.filters.alpha.opacity==1) {
document.hoofd.src=j[l];
l++;
fadeIn();
} else {
document.hoofd.filters.alpha.opacity=k;
k--;
i=0;
setTimeout('fadeOut()',01);
}
}
</script>
</head>
<body onLoad=fadeStart()>
<center>
<b>
Familie Fader 1.0
</b>
</center>
<br><br>
<center>
[img]'koos.bmp'[/img]
</center>
</body>
</html> |
Ik zal hem ook wel ff online zetten, en ik weet dat ik beter geen bmp's kan gebruiken, maar ja, die plaatjes had ik nog, en zijn gemaakt in Paint
. Nog even 1x het verhaal:code:
1
2
3
| /- fade in tot opacity=100
check-functie:<- fade out tot opacity=0
\- verander plaatje, begin opnieuw |
Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.
/u/7685/ruinmytune-60x60.png?f=community)
)