foto's stoppen met veranderen na RotateSlideshow3()
http://dendermonderockt.be/
Code:
Iemand een idee?
Voorbeeld: Code:
Code (php)
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
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
<meta property="og:title" content="Dendermonde Rockt vzw - R.I.P." />
<meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" />
<meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
<meta http-equiv="refresh" content=178>
<embed src='music/rip.mp3' hidden='true' autostart='true' loop='true' type='audio/mpeg' />
<script type="text/javascript">
function RotateSlideshow1()
{
document.getElementById("slideshow1").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow2()', 4000);
}
function RotateSlideshow2()
{
document.getElementById("slideshow2").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow3()', 4000);
}
function RotateSlideshow3()
{
document.getElementById("slideshow3").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow1()', 4000);
}
window.onload=function()
{
setTimeout('RotateSlideshow1()', 4000);
}
</script>
<title>Dendermonde Rockt vzw / RIP 1995 - 2012 / Bedankt iedereen !!!</title>
<body bgcolor="black">
<table align="center" width="1200px">
<tr><td align="center" valign="middle" colspan="3"><img src="img//bg400.jpg">
<tr>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow1" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow2" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow3" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
</table>
<meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" />
<meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
<meta http-equiv="refresh" content=178>
<embed src='music/rip.mp3' hidden='true' autostart='true' loop='true' type='audio/mpeg' />
<script type="text/javascript">
function RotateSlideshow1()
{
document.getElementById("slideshow1").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow2()', 4000);
}
function RotateSlideshow2()
{
document.getElementById("slideshow2").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow3()', 4000);
}
function RotateSlideshow3()
{
document.getElementById("slideshow3").setAttribute("src", "<?php $_GET['type']=0; include 'randim.php'; ?>");
setTimeout('RotateSlideshow1()', 4000);
}
window.onload=function()
{
setTimeout('RotateSlideshow1()', 4000);
}
</script>
<title>Dendermonde Rockt vzw / RIP 1995 - 2012 / Bedankt iedereen !!!</title>
<body bgcolor="black">
<table align="center" width="1200px">
<tr><td align="center" valign="middle" colspan="3"><img src="img//bg400.jpg">
<tr>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow1" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow2" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow3" src="<?php $_GET['type']=0; include 'randim.php'; ?>">
</table>
Iemand een idee?
Gewijzigd op 24/04/2012 13:22:00 door Bas IJzelendoorn
Daarnaast zit de echte slideshow in een functie. Dus waarschijnlijk moet je die functies ook posten.
Gewijzigd op 24/04/2012 10:02:26 door Rolf -
randim.php geeft mij gewoon een foto uit een map door... hier ligt het probleem niet.
@Kris: jup ze zijn begin dit jaar gestopt.
---
Ik denk dat je met deze code hebt wat je nodig hebt.
Code (php)
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
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
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta property="og:title" content="Dendermonde Rockt vzw - R.I.P." />
<meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" />
<meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
<title>Dendermonde Rockt vzw / RIP 1995 - 2012 / Bedankt iedereen !!!</title>
<style>
body {
background-color: black;
}
</style>
<script>
var rotate_index = 1;
function rotate() {
var d = new Date();
var elm = 'slideshow' + rotate_index.toString();
var url = "http://dendermonderockt.be/randim.php?d=" + d.getTime();
document.getElementById(elm).src = url;
rotate_index++;
if (rotate_index > 3) {
rotate_index = 1;
}
setTimeout(rotate, 4000);
}
setTimeout(rotate, 4000);
</script>
</head>
<body>
<table align="center" width="1200px">
<tr><td align="center" valign="middle" colspan="3"><img src="http://dendermonderockt.be/img//bg400.jpg"></tr>
<tr>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow1" src="http://dendermonderockt.be/randim.php?d=1">
</td>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow2" src="http://dendermonderockt.be/randim.php?d=2">
</td>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow3" src="http://dendermonderockt.be/randim.php?d=3">
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta property="og:title" content="Dendermonde Rockt vzw - R.I.P." />
<meta property="og:description" content="1995 - 2012. Bedankt iedereen !!!" />
<meta property="og:image" content="http://www.dendermonderockt.be/img/bg400.jpg" />
<title>Dendermonde Rockt vzw / RIP 1995 - 2012 / Bedankt iedereen !!!</title>
<style>
body {
background-color: black;
}
</style>
<script>
var rotate_index = 1;
function rotate() {
var d = new Date();
var elm = 'slideshow' + rotate_index.toString();
var url = "http://dendermonderockt.be/randim.php?d=" + d.getTime();
document.getElementById(elm).src = url;
rotate_index++;
if (rotate_index > 3) {
rotate_index = 1;
}
setTimeout(rotate, 4000);
}
setTimeout(rotate, 4000);
</script>
</head>
<body>
<table align="center" width="1200px">
<tr><td align="center" valign="middle" colspan="3"><img src="http://dendermonderockt.be/img//bg400.jpg"></tr>
<tr>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow1" src="http://dendermonderockt.be/randim.php?d=1">
</td>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow2" src="http://dendermonderockt.be/randim.php?d=2">
</td>
<td align="center" valign="top" height="400px" width="400px">
<img id="slideshow3" src="http://dendermonderockt.be/randim.php?d=3">
</td>
</tr>
</table>
</body>
</html>
Een beetje uitleg ...
Ik voeg overal een extra parameter toe: randim.php?d=...
als je van url verandert, zoekt de webbrowser niet in de cache.
Een simpel truukje is dan ook om de tijd mee te geven, als dummy variabele. Dat is sowieso uniek, voor de gebruiker.
Gewijzigd op 26/04/2012 12:15:59 door Kris Peeters
Erg bedankt Kris... het staat al online ;).