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
mijn fout
regel 10 in mijn code moet zijn:
document.getElementsById['foto'].src = imgArray[curPos].src;
bedankt voor je reactie maar helaas laad hij nog steeds niet de foto's
is het pad naar de foto´s goed?
bestaat de foto?
Ik gebruik deze methode regelmatig zonder problemen.
beide bestaan. als ik bij
<? voor kleurtje
<img src="imageLaden.jpg" id="foto" alt="mijn foto's" />
?>

imageladen.jpg in vul dan zie je in de fout melding dat hij zoekt in image/foto/ naar imageladen.jpg. ik vind het ook raar dat hij niet laad want volgens mij moet hij gewoon via de id de src kunnen laden
Laat eens wat van je code zien, nu is het ook maar raden voor mij.
Deze kan je ook gebruiken:


<script language="JavaScript">
<!--
function imgArray() {
 for (i=0; i*2<imgArray.arguments.length; i++) {
  this[i] = new Object();
  this[i].src = imgArray.arguments[i*2];
  this[i].href = imgArray.arguments[i*2+1];
 }
 this.length = i;
}
function getimgNum() {
 dat = new Date();
 dat = (dat.getTime()+"").charAt(8);
 if (dat.length == 1)
  img_num = dat%img.length;
 else
  img_num = 0;
 return img_num;
}
var img = new imgArray(
"1.png","http://test.nl",
"2.png","http://test1.nl",
"3.png","");
var img_num = getimgNum(); 
document.write('<a href="'+img[img_num].href+'"><img src="'+img[img_num].src+'" name="js_img"></a>');
link_num = document.links.length-1;
function rotateimg() {
 if (document.images) {
  img_num = (img_num+1)%img.length;
  document.js_img.src = img[img_num].src;
  document.links[link_num].href = img[img_num].href;
  setTimeout("rotateimg()",5000);
 }
}
setTimeout("rotateimg()",5000);
// -->
</script>
<?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 CacheImage(src) {
var imgObj = new Image();
imgObj.src = '/image/foto/' + src;
return imgObj;
}
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;
}

</script>
<title>test</title>
</head>
<body>

<div class="hoofdvak">
<div class="1"><img width=360 height=120 src="image/2.jpg" alt="test"></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>



</body></html>
?>

dit is de code die ik nu gebruik
je moet natuurlijk wel ergens de functie aanroepen, bv

<body onload="javascript:setTimeout(imgRotate(), 5000)">
heb ik toegevoegd maar nog steeds wordt de src niet ingevuld:/

edit: ik krijg wel een foutmelding:

Uncaught ReferenceError: setTimeOut is not defined

bedankt voor al je hulp tot nu toe
setTimeout was een typo, had het al aangepast maar dat zal jou ontgaan zijn.

Reageren