mijn fout
regel 10 in mijn code moet zijn:
document.getElementsById['foto'].src = imgArray[curPos].src;
Link gekopieerd
bedankt voor je reactie maar helaas laad hij nog steeds niet de foto's
Link gekopieerd
is het pad naar de foto´s goed?
bestaat de foto?
Ik gebruik deze methode regelmatig zonder problemen.
Link gekopieerd
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
Link gekopieerd
Laat eens wat van je code zien, nu is het ook maar raden voor mij.
Link gekopieerd
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>
Link gekopieerd
a
arend b
04-12-2011 12:43
gewijzigd op 04-12-2011 12:44
<?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
Link gekopieerd
je moet natuurlijk wel ergens de functie aanroepen, bv
<body onload="javascript:setTimeout(imgRotate(), 5000)">
Link gekopieerd
a
arend b
04-12-2011 13:05
gewijzigd op 04-12-2011 13:20
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
Link gekopieerd
setTimeout was een typo, had het al aangepast maar dat zal jou ontgaan zijn.
Link gekopieerd