De bedoeling is dat op mijn webpagina http://www.barchi.be/home.html een raster van 20 foto's komt waarbij de verschillende foto's één voor één van zwart-wit naar kleur veranderen en waarbij dan telkens de vorige foto terug naar zwart-wit springt. Er is dus altijd één kleurenfoto.
bij image[0] hoort de zwart-wit foto op "home/2.jpg" en de kleurenfoto op "home/1.jpg"
bij image[1] hoort de zwart-wit foto op "home/4.jpg" en de kleurenfoto op "home/3.jpg"
bij image[2] hoort de zwart-wit foto op "home/6.jpg" en de kleurenfoto op "home/5.jpg"
enz...
Ik ben vertrokken van het script dat op http://www.javascriptkit.com/howto/show2.shtml staat en wilde daar dan een eigen versie van maken. Maar ergens loopt er iets mis en ik weet niet goed wat. Wie kan mij helpen? (Er staan nog maar 32 foto's in de map home, dus dat de laatste foto's niet getoond worden is geen fout.)
Mijn paginabron ziet er als volgt uit:
bij image[0] hoort de zwart-wit foto op "home/2.jpg" en de kleurenfoto op "home/1.jpg"
bij image[1] hoort de zwart-wit foto op "home/4.jpg" en de kleurenfoto op "home/3.jpg"
bij image[2] hoort de zwart-wit foto op "home/6.jpg" en de kleurenfoto op "home/5.jpg"
enz...
Ik ben vertrokken van het script dat op http://www.javascriptkit.com/howto/show2.shtml staat en wilde daar dan een eigen versie van maken. Maar ergens loopt er iets mis en ik weet niet goed wat. Wie kan mij helpen? (Er staan nog maar 32 foto's in de map home, dus dat de laatste foto's niet getoond worden is geen fout.)
Mijn paginabron ziet er als volgt uit:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Architectengroep B.Archi</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="home/1.jpg"
var image2=new Image()
image2.src="home/2.jpg"
var image3 = new Image()
image3.src = "home/3.jpg"
... enzovoort tot ...
var image40 = new Image()
image40.src = "home/40.jpg"
//-->
</script>
</head>
<body>
<table>
- de tabel met de twintig foto's in, allemaal zwart-wit -
</table>
<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1;
function slideit(){
//if browser does not support the image object, exit.
if (!document.images){return}
else{
if (step=1){
document.images[0].src=image1.src;
document.images[19].src=image40.src;
}
else {
document.images[step-2].src=eval("image"+(step*2-2)+".src");
document.images[step-1].src=eval("image"+(step*2-1)+".src");
}
if (step<20){step ++;}
else {step=1;}
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500); }
}
slideit()
//-->
</script>
</body>
</html>
Laatst bewerkt door een moderator:
