foto's automatisch verwisselen
Uncaught TypeError: Cannot read property 'foto' of undefined
dit krijg ik nu terug
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div class="fotovak">
<img id="foto" src="" alt="mijn foto's" />
</div>
<script>
setTimeout(imgRotate(), 5000);
</script>
<img id="foto" src="" alt="mijn foto's" />
</div>
<script>
setTimeout(imgRotate(), 5000);
</script>
Uncaught TypeError: Cannot read property 'foto' of undefined
imgRotate/jelmer/:13
(anonymous function)
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
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
<?php
<html>
<head>
<link rel=StyleSheet type="text/css" href="stylesheet.css"></style>
<script type="text/javascript">
var imgArray = new Array('1.jpg','2.jpg', '3.jpg'); //etc.
var curPos = 0;
function imgRotate() {
if (curPos < imgArray.length - 1)
curPos += 1;
else curPos = 0;
if (typeof imgArray[curPos] == 'string')
imgArray[curPos] = CacheImage(imgArray[curPos]);
document.getElementsById['foto'].src = imgArray[curPos].src;
}
function CacheImage(src) {
var imgObj = new Image();
imgObj.src = 'image/foto/' + src;
return imgObj;
}
</script>
<title>test</title>
</head>
<body>
<div class="hoofdvak">
<div class="1"><img width=360 height=120 src="image/2.jpg" alt=""></div>
<div class="menu">
<a href="test.php">Home</a>
<a href="test.php">Contact</a>
<a href="test.php">Foto</a>
<a href="test.php">Over</a>
</div>
</div>
<div class="fotovak">
<img id="foto" src="" alt="mijn foto's" />
</div>
<script>
setTimeout(imgRotate(), 5000);
</script>
</body>
</html>
?>
<html>
<head>
<link rel=StyleSheet type="text/css" href="stylesheet.css"></style>
<script type="text/javascript">
var imgArray = new Array('1.jpg','2.jpg', '3.jpg'); //etc.
var curPos = 0;
function imgRotate() {
if (curPos < imgArray.length - 1)
curPos += 1;
else curPos = 0;
if (typeof imgArray[curPos] == 'string')
imgArray[curPos] = CacheImage(imgArray[curPos]);
document.getElementsById['foto'].src = imgArray[curPos].src;
}
function CacheImage(src) {
var imgObj = new Image();
imgObj.src = 'image/foto/' + src;
return imgObj;
}
</script>
<title>test</title>
</head>
<body>
<div class="hoofdvak">
<div class="1"><img width=360 height=120 src="image/2.jpg" alt=""></div>
<div class="menu">
<a href="test.php">Home</a>
<a href="test.php">Contact</a>
<a href="test.php">Foto</a>
<a href="test.php">Over</a>
</div>
</div>
<div class="fotovak">
<img id="foto" src="" alt="mijn foto's" />
</div>
<script>
setTimeout(imgRotate(), 5000);
</script>
</body>
</html>
?>
Gewijzigd op 04/12/2011 14:09:10 door arend b
Uncaught TypeError: Cannot set property 'src' of undefined
dit krijg ik nu terug
imgRotate();
setInterval("imgRotate();", 5000);
Code (php)
1
2
3
2
3
<?
document.getElementById['foto'].src = imgArray[curPos].src;
?>
document.getElementById['foto'].src = imgArray[curPos].src;
?>
Uncaught TypeError: Cannot set property 'src' of undefined
Arend b op 04/12/2011 16:43:27:
heb het veranderd maar ik geloof dat de fout in dit gedeelte zit
Uncaught TypeError: Cannot set property 'src' of undefined
Code (php)
1
2
3
2
3
<?
document.getElementById['foto'].src = imgArray[curPos].src;
?>
document.getElementById['foto'].src = imgArray[curPos].src;
?>
Uncaught TypeError: Cannot set property 'src' of undefined
getElementById is een functie, niet een array.
dus: document.getElementById('foto').src = imgArray[curPos].src;
Ik probeer dit script aan de praat te krijgen, maar het lukt me niet...
Bedoeling is om twee webcams afwisselend te tonen (om de 15 sec, maar elk webcambeeld moet zich elke seconde refreshen...) Een uitdaging dus...
Ik heb nu dit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?
<script type="text/javascript">
var imgArray = new Array('http://webcam.radiostar.be:88/CGIProxy.fcgi?cmd=snapPicture2&usr=website&pwd=live','http://webcam2.radiostar.be:89/CGIProxy.fcgi?cmd=snapPicture2&usr=website&pwd=live'); //etc.
var curPos = 0;
function imgRotate() {
if (curPos < imgArray.length - 1)
curPos += 1;
else curPos = 0;
if (typeof imgArray[curPos] == 'string')
imgArray[curPos] = CacheImage(imgArray[curPos]);
document.getElementsById("foto").src = imgArray[curPos].src;
}
function CacheImage(src) {
var imgObj = new Image();
imgObj.src = src;
return imgObj;
}
</script>
?>
<script type="text/javascript">
var imgArray = new Array('http://webcam.radiostar.be:88/CGIProxy.fcgi?cmd=snapPicture2&usr=website&pwd=live','http://webcam2.radiostar.be:89/CGIProxy.fcgi?cmd=snapPicture2&usr=website&pwd=live'); //etc.
var curPos = 0;
function imgRotate() {
if (curPos < imgArray.length - 1)
curPos += 1;
else curPos = 0;
if (typeof imgArray[curPos] == 'string')
imgArray[curPos] = CacheImage(imgArray[curPos]);
document.getElementsById("foto").src = imgArray[curPos].src;
}
function CacheImage(src) {
var imgObj = new Image();
imgObj.src = src;
return imgObj;
}
</script>
?>
en dan om de afbeelding op te roepen
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<?
<img id="foto" src="" alt="Webcam" onload="setTimeout(function() {src = src.substring(0, (src.lastIndexOf('t=')+2))+(new Date()).getTime()}, 1000)" onerror="setTimeout(function() {src = src.substring(0, (src.lastIndexOf('t=')+2))+(new Date()).getTime()}, 5000)" width="700" />
<script>
imgRotate();
setInterval("imgRotate();", 15000);
</script>
?>
<img id="foto" src="" alt="Webcam" onload="setTimeout(function() {src = src.substring(0, (src.lastIndexOf('t=')+2))+(new Date()).getTime()}, 1000)" onerror="setTimeout(function() {src = src.substring(0, (src.lastIndexOf('t=')+2))+(new Date()).getTime()}, 5000)" width="700" />
<script>
imgRotate();
setInterval("imgRotate();", 15000);
</script>
?>
Iemand enig idee wat ik verkeerd doe... ? Alvast bedankt voor de hulp...
Damien
Een beschrijving van wat er niet lukt of welke foutmelding zou wel fijn zijn. Of wil je dat we gaan raden?
Start een nieuw onderwerp en verwijs eventueel naar dit topic.
En dan wat Jan hierboven zegt.
Thomas van den Heuvel op 26/07/2015 11:55:32:
Daarnaast, een topic hijacken van ~4 jaar terug is ook niet echt handig.
Start een nieuw onderwerp en verwijs eventueel naar dit topic.
En dan wat Jan hierboven zegt.
Start een nieuw onderwerp en verwijs eventueel naar dit topic.
En dan wat Jan hierboven zegt.
Ik heb een nieuw topic aangemaakt:
http://www.phphulp.nl/php/forum/topic/webcam-beelden-afwisselend-weergeven-en-tegelijk-refreshen/98330/
Dit topic is gesloten.