Hallo,
ik heb een fotogalerij in html-code gedownload, welke werkt in firefox maar niet in IE.
Mijn foto's zitten in de map images, in de map scripts zit het bestand script.js (jQuery JavaScript Library v1.4.4)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/basis.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<link rel="shortcut icon" type="image/x-icon" href="faviconrollie.ico" />
<meta name="description" content="Rollie loopfietsen" />
<meta name="keywords" content="Rollie" />
<title>Fotogalerij Rollie</title>
<SCRIPT language="JavaScript">
var interval = 6; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 0; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 800;
var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("images/baghera-vliegtuig.png");<!-- afb 1 -->
image_list[image_index++] = new imageItem("images/878_new_plane_1_380x253.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("images/baghera-chocolat.png");<!-- afb 3 -->
image_list[image_index++] = new imageItem("images/32004 Race Kit-320x320.jpg" );<!-- afb 4 -->
image_list[image_index++] = new imageItem("images/baghera-prinses.png");<!-- afb 5 -->
image_list[image_index++] = new imageItem("images/Gas_Pump_263x480.jpg");<!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}
</script>
<!-- InstanceEndEditable -->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/screen.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="container">
<div id="banner"><a href="index.html"><img src="images/Naamloos-1.png" width="300" height="100" alt="logo Rollie" /></a><img src="images/hippe-kids.png" alt="voor hippe kids" width="500" height="77" class="titel" /></div>
<div id="nav">
<ul>
<li class="home"><a href="index.html">Home</a></li>
<li class="loopfietsen"><a href="loopfietsen.html">Loopfietsen</a></li>
<li class="loopauto"><a href="loopauto.html">Loopauto's</a></li>
<li class="asseccoires"><a href="accessoires.html">Asseccoires</a></li>
<li class="contact"><a href="contact.html">Contact</a></li>
<li class="fotogalerij"><a href="fotogalerij.html">Fotogalerij</a></li>
</ul>
</div>
<div id="subnav">
<h1>Merken</h1>
<ul>
<li><a href="bambino.html">Bambino</a></li>
<li><a href="sesamstraat.html">Sesamstraat</a></li>
<li><a href="viper.html">Viper</a></li>
<li><a href="strider.html">Strider</a></li>
<li><a href="baghera.html">Baghera</a></li>
<li><a href="lazer.html">Lazer</a></li>
</ul>
</div>
<!-- InstanceBeginEditable name="content" -->
<body OnLoad="beeldwissel('beeld')">
<div id="content">
<h1>Foto's</h1>
<img src="images/baghera-vliegtuig.png" id="beeld" class="fotocenter" />
</div>
<!-- InstanceEndEditable -->
<div id="links">
<ul>
<li class="baghera"><a href="http://lepetitnouveau.fr">Baghera</a></li>
<li class="strider"><a href="http://www.stridersports.com">Strider</a></li>
<li class="sesamstraat"><a href="http://www.descheemaeker.be">Sesamstraat</a></li>
<li class="lazer"><a href="http://www.lazersport.com">lazer</a></li>
</ul>
</div>
<div id="border"></div>
<div id="footer">
<p>© 2010 design by Rollie</p>
</div>
</div>
</body>
Wie kan mij hierbij helpen aub.
ik heb een fotogalerij in html-code gedownload, welke werkt in firefox maar niet in IE.
Mijn foto's zitten in de map images, in de map scripts zit het bestand script.js (jQuery JavaScript Library v1.4.4)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/basis.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<link rel="shortcut icon" type="image/x-icon" href="faviconrollie.ico" />
<meta name="description" content="Rollie loopfietsen" />
<meta name="keywords" content="Rollie" />
<title>Fotogalerij Rollie</title>
<SCRIPT language="JavaScript">
var interval = 6; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 0; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 800;
var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("images/baghera-vliegtuig.png");<!-- afb 1 -->
image_list[image_index++] = new imageItem("images/878_new_plane_1_380x253.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("images/baghera-chocolat.png");<!-- afb 3 -->
image_list[image_index++] = new imageItem("images/32004 Race Kit-320x320.jpg" );<!-- afb 4 -->
image_list[image_index++] = new imageItem("images/baghera-prinses.png");<!-- afb 5 -->
image_list[image_index++] = new imageItem("images/Gas_Pump_263x480.jpg");<!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}
</script>
<!-- InstanceEndEditable -->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/screen.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="container">
<div id="banner"><a href="index.html"><img src="images/Naamloos-1.png" width="300" height="100" alt="logo Rollie" /></a><img src="images/hippe-kids.png" alt="voor hippe kids" width="500" height="77" class="titel" /></div>
<div id="nav">
<ul>
<li class="home"><a href="index.html">Home</a></li>
<li class="loopfietsen"><a href="loopfietsen.html">Loopfietsen</a></li>
<li class="loopauto"><a href="loopauto.html">Loopauto's</a></li>
<li class="asseccoires"><a href="accessoires.html">Asseccoires</a></li>
<li class="contact"><a href="contact.html">Contact</a></li>
<li class="fotogalerij"><a href="fotogalerij.html">Fotogalerij</a></li>
</ul>
</div>
<div id="subnav">
<h1>Merken</h1>
<ul>
<li><a href="bambino.html">Bambino</a></li>
<li><a href="sesamstraat.html">Sesamstraat</a></li>
<li><a href="viper.html">Viper</a></li>
<li><a href="strider.html">Strider</a></li>
<li><a href="baghera.html">Baghera</a></li>
<li><a href="lazer.html">Lazer</a></li>
</ul>
</div>
<!-- InstanceBeginEditable name="content" -->
<body OnLoad="beeldwissel('beeld')">
<div id="content">
<h1>Foto's</h1>
<img src="images/baghera-vliegtuig.png" id="beeld" class="fotocenter" />
</div>
<!-- InstanceEndEditable -->
<div id="links">
<ul>
<li class="baghera"><a href="http://lepetitnouveau.fr">Baghera</a></li>
<li class="strider"><a href="http://www.stridersports.com">Strider</a></li>
<li class="sesamstraat"><a href="http://www.descheemaeker.be">Sesamstraat</a></li>
<li class="lazer"><a href="http://www.lazersport.com">lazer</a></li>
</ul>
</div>
<div id="border"></div>
<div id="footer">
<p>© 2010 design by Rollie</p>
</div>
</div>
</body>
Wie kan mij hierbij helpen aub.