PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
s

foto's automatisch verwisselen

Door sebas op 20-08-2007 17:48
7.182 views
is het mogelijk om via php foto's om de 10 seconden te laten veranderen? dus dat je in 1 mapje foto 1 t/m 10 maakt en dat hij dan om de 10 seconde een andere foto laat zien, en dan weer na die 10 foto's opnieuw begingt. het zelfde als met flash. maar ik wil de foto's regelmatig veranderen en dat is met flash weer niet mogelijk dus dan moet je weer alles overnieuw maken zie een voorbeeld in flash op www.westerlaken-bv.nl en dan ff kijken onder producten bestrating ofzo

alvast bedankt
a
arend b
04-12-2011 13:44
ik denk dat we er bijna zijn.
Uncaught TypeError: Cannot read property 'foto' of undefined
dit krijg ik nu terug
Ger van Steenderen
04-12-2011 13:53
Iets te snel geweest, wordt niet herkend omdat ie in de onload event staat, dus daar moet ie uit.

<div class="fotovak">
    <img id="foto" src="" alt="mijn foto's" />
</div>
<script>
setTimeout(imgRotate(), 5000);
</script>

a
arend b
04-12-2011 14:07 gewijzigd op 04-12-2011 14:09
ik krijg dit nu terug

Uncaught TypeError: Cannot read property 'foto' of undefined
imgRotate/jelmer/:13
(anonymous function)
<?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>
?>
Ger van Steenderen
04-12-2011 14:26
Er staat nog een typo op regel 15: het moet zijn document.getElementById('foto').src
a
arend b
04-12-2011 14:33
heel scherp gezien

Uncaught TypeError: Cannot set property 'src' of undefined

dit krijg ik nu terug
Ger van Steenderen
04-12-2011 15:22
wijzig regel 44 in:
imgRotate();
setInterval("imgRotate();", 5000);
a
arend b
04-12-2011 16:43
heb het veranderd maar ik geloof dat de fout in dit gedeelte zit
<?
document.getElementById['foto'].src = imgArray[curPos].src;
?>

Uncaught TypeError: Cannot set property 'src' of undefined
Ger van Steenderen
04-12-2011 17:15
Ik heb het uitgetest en bij mij werkt het gewoon, dus ik kan deze foutmelding niet plaatsen
Jaron T
04-12-2011 22:07
Arend b op 04/12/2011 16:43:27

heb het veranderd maar ik geloof dat de fout in dit gedeelte zit
<?
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;
a
arend b
10-12-2011 12:44
Het werkt bedankt voor al jullie hulp

Reageren

Inloggen om te reageren