Hoe komt het dat mijn image slider op deze website (http://www.oosterhoffbedden.nl) tijd nodig heeft om te laden, hierdoor staan de plaatje eerst overal op de pagina, ipv in de slider zelf. Na 5 seconden gaan ze pas goed staan.
Ook bij de andere pagina's http://www.oosterhoffbedden.nl/oosterhoff.html staat de rechter slider verkeerd. De plaatjes worden eerst heel klein wee gegeven en pas na een refresh worden ze normaal getoond.
Ook bij de andere pagina's http://www.oosterhoffbedden.nl/oosterhoff.html staat de rechter slider verkeerd. De plaatjes worden eerst heel klein wee gegeven en pas na een refresh worden ze normaal getoond.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Oosterhoff Bedden Olst | Kwaliteits bedden, matrassen, boxsprings en accessoires.</title>
<!--Start Meta Tags-->
<meta name="description" content="Bedden, matrassen, bedbodems, beddengoed | Oosterhoff Bedden gespecialiseerd in voordelig inkopen en verkopen van slaapcomfort met alle bekende merken als Swissflex lattenbodems en matrassen, Auping, auping boxsprings, Treca de Paris, Tempur, Auping Royal, Cascade Waterbedden, Vroomshoop Meubelen, Norma, Svedex Kasten, Pullman">
<meta name="keywords" content="oosterhoff, bedden, meubelen, olst, overijssel, boxsprings, pullman, auping, norma, mline, m, line, matrassen, matras, bed, boxspring, boxsprings, slaapkamer, slapen, woonadvies, lattenbodem, spiraal, waterbed, hoofdkussen, swissflex, auping, treca de paris, mobileffe, texeler, dauny, cascade waterbedden, auping boxsprings, elsach, aabe, deken, kreamat, dekbed, dekbedovertrek, neksteunkussen, seniorenbed, laken, ruwette, Olst, Wijhe, Overijssel, Auping matrassen, Svedex Kasten, Pullman, Vroomshoop Meubelen, Bedden, voordelig, voordeelshop, gezondheidsmatras">
<meta name="author" content="Lars Lenselink">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="3 month">
<meta http-equiv="content-language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--End Meta Tags-->
<!--Start Favicon-->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!--End Favicon-->
<!--Start Css-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="orbit/orbit.css" rel="stylesheet" type="text/css" />
<!--End Css-->
<!--Scripts-->
<script type="text/javascript" src="orbit/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="orbit/jquery.orbit.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({
"animation" : "horizontal-push"
});
});
</script>
<script type="text/javascript" src="jquery/scrolltopcontrol.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<!--Google-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18720411-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--Google-->
<!--[if IE]>
<style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<![endif]-->
<!--Scripts-->
<style type="text/css">
body {
background-color: #000;
}
a:hover {
color: #FFF;
}
a:active {
color: #FFF;
}
a:link {
color: #9F7800;
}
a:visited {
color: #9F7800;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('images/nav/oosterhoffh.jpg','images/nav/aanbiedingenh.jpg','images/nav/offerteh.jpg','images/nav/contacth.jpg','images/slaaptotaalh.jpg','images/oosterhoffmeubelenh.jpg','images/lammerswoonadviesh.jpg')">
<div id="Outtop">
<div id="top">
<div id="logo"><a href="index.html"><img src="images/Oosterhoffbedden.jpg" width="374" height="81" alt="Oosterhoff Bedden" /></a></div>
<div id="navigatie"><a href="#"><img src="images/nav/homeh.jpg" width="57" height="73" alt="Oosterhoff Bedden" /></a><a href="oosterhoff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Oosterhoff','','images/nav/oosterhoffh.jpg',1)"><img src="images/nav/oosterhoff.jpg" alt="Oosterhoff Bedden" name="Oosterhoff" width="92" height="73" border="0" id="Oosterhoff" /></a><a href="aanbiedingen.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Aanbiedingen','','images/nav/aanbiedingenh.jpg',1)"><img src="images/nav/aabiedingen.jpg" alt="Oosterhoff Bedden Aanbiedingen" name="Aanbiedingen" width="104" height="73" border="0" id="Aanbiedingen" /></a><a href="offerte.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Offerte','','images/nav/offerteh.jpg',1)"><img src="images/nav/offerte.jpg" alt="Oosterhoff Bedden Offerte" name="Offerte" width="66" height="73" border="0" id="Offerte" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/nav/contacth.jpg',1)"><img src="images/nav/contact.jpg" alt="Oosterhoff Bedden Contact" name="Contact" width="69" height="73" border="0" id="Contact" /></a></div>
</div>
</div>
<!--Top-->
<!--Header-->
<div id="Outheader">
<div id="header">
<div id="featured">
<img src="orbit/slide2.jpg" alt="Oosterhoff Bedden Pullman" />
<img src="orbit/slide1.jpg" alt="Oosterhoff Bedden Boxspring" />
<img src="orbit/slide3.jpg" alt="Oosterhoff Bedden Ledikant" />
<img src="orbit/slide4.jpg" alt="Oosterhoff Olst Matrassen" />
</div>
</div>
</div>
<!--Header-->
<!--Content-->
<div id="Outcontent">
<div id="content">
<div id="links">
<p><span class="Heading4">Wel</span><span class="Heading2">kom</span></p>
<p> </p>
<p>Van harte welkom in de wereld van ongekend slaap-
en wooncomfort waar comfort, design en
betaalbaarheid in de spotlights staan van uw
nachtrust en dromen. Oosterhoff Bedden biedt
uitsluitend topmerken tegen ongelooflijke belastingvrije
prijzen. </p>
<p>Wij streven ernaar om producten aan te bieden
van een zo breed mogelijk assortiment functionele bedden
en woonartikelen tegen zulke lage prijzen dat zoveel
mogelijk mensen in staat zijn deze artikelen te kopen. </p>
<p> </p>
<p>Neemt u gauw een kijkje in onze <a href="aanbiedingen.html">aanbiedingen</a> gedeelte,
zoek uw droomartikel uit en kijk of u kans maakt om
belastingvrij te kopen bij ons. Vraag de op maat gemaakte
offerte <a href="offerte.html">NU</a> aan ! </p>
</div>
<div id="midden">
<p><span class="Heading4">Top</span> <span class="Heading2">Merken</span></p>
<p> </p>
<p>Bij Oosterhoff Bedden vindt u alleen de grote en bekende merken. Hieronder treft u een aantal links die u naar desbetreffende website brengen.</p>
<p> </p>
<div align="center">
<table width="250" border="0" cellpadding="0" cellspacing="7">
<tr>
<td width="113"><div align="left"><a href="http://www.auping.nl" target="_new"><img src="images/merken/auping.jpg" width="112" height="56" alt="Auping" /></a></div></td>
<td width="186"><div align="left"><a href="http://www.pullman.nl" ><img src="images/merken/pullman.jpg" width="112" height="56" alt="Pullman" /></a></div></td>
</tr>
<tr>
<td><div align="left"><a href="http://www.avek.nl" target="_new"><img src="images/merken/avek.jpg" width="112" height="56" alt="Avek" /></a></div></td>
<td><div align="left"><a href="http://www.norma.nl" target="_new"><img src="images/merken/norma.jpg" width="112" height="56" alt="Norma" /></a></div></td>
</tr>
<tr>
<td colspan="2"><div align="center"><a href="http://www.mline.nl" target="_new"><img src="images/merken/mline.gif" width="175" height="52" alt="Mline" /></a></div></td>
</tr>
</table>
</div>
<p> </p>
</div>
<div id="rechts">
<p><span class="Heading4">Oosterhoff</span> <span class="Heading2">Meubelen</span></p>
<p> </p>
<p>Naast Oosterhoff Bedden vindt u op ruim 2000
vierkante meter, verdeeld over twee etages,
Oosterhoff Meubelen te Olst (Overijssel) talloze voorbeelden van totaalconcept aan woon- en slaapcomfort! Neem een kijkje op de <a href="http://www.oosterhoffmeubelen.nl" target="_new">website</a> of kom een keer langs in onze showroom.</p>
<p> </p>
<div class="slideshow">
<img src="images/meubels/slide3.jpg" width="300" height="170" alt="Oosterhoff Meubelen" />
<img src="images/meubels/slide1.jpg" width="300" height="170" alt="Oosterhoff Meubelen Olst" />
<img src="images/meubels/slide2.jpg" width="300" height="170" alt="Oosterhoff Olst" />
</div>
</div>
</div>
</div>
<!--Content-->
<!--footer-->
<div id="Outfooter">
<div id="footer">
<div id="links">
<p><span class="Heading3">Nieuw</span><span class="Heading3">s</span><span class="Heading4">brief</span></p>
<p> </p>
<h1>Wilt u op de hoogte blijven van al
onze aanbiedingen? Meldt u zich dan
nu aan voor onze nieuwsbrief. Voer hieronder uw email adres in.</h1>
<p class="pfooter"> </p>
<form id="form1" name="form1" method="post" action="sendnieuwsbrief.php">
<table width="320" border="0" cellpadding="0">
<tr>
<td width="218"><label for="emailadres"></label>
<input name="emailadres" type="text" class="nieuwsbrief" id="emailadres" /></td>
<td width="96"><input name="verzend" type="submit" class="Verzend" id="verzend" value="Verzend" /></td>
</tr>
</table>
</form>
<p class="pfooter"></p>
</div>
<div id="midden">
<p class="Heading3">Part<span class="Heading4">ners</span></p>
<h1><a href="http://www.oosterhoffmeubelen.nl" target="_new" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Oosterhoff Meubelen','','images/oosterhoffmeubelenh.jpg',1)"><img src="images/oosterhoffmeubelen.jpg" alt="Oosterhoff Meubelen" name="Oosterhoff Meubelen" width="145" height="107" border="0" class="plaatje" id="Oosterhoff Meubelen" /></a><a href="http://www.slaaptotaal.nl" target="_new" class="plaatje" onmouseover="MM_swapImage('Slaap Totaal','','images/slaaptotaalh.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/slaaptotaal.jpg" alt="Slaap Totaal" name="Slaap Totaal" width="145" height="107" border="0" class="plaatje" id="Slaap Totaal" /></a><a href="http://www.lammerswoonadvies.nl" target="_new" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lammers Woonadvies','','images/lammerswoonadviesh.jpg',1)"><img src="images/lammerswoonadvies.jpg" alt="Lammers Woonadvies" name="Lammers Woonadvies" width="145" height="107" border="0" id="Lammers Woonadvies" /></a></h1>
</div>
</div>
</div>
<!--footer-->
<!--End-->
<div id="Outend">
<div id="end"> <h2 class="end"><a href="index.html">Home</a> // <a href="contact.html">Contact</a> // <a href="sitemap.html">Sitemap</a> // <a href="voorwaarden.html">Voorwaarden</a></h2>
<table width="1000" border="0" cellpadding="0">
<tr>
<td height="22"><h2>Copyright © 2011 Oosterhoff Bedden. Alle rechten voorbehouden. Wijzigingen voorbehouden. </h2></td>
<td><h2>Website door <a href="http://www.projectarthouse.nl" target="_new">Project Arthouse</a></h2></td>
</tr>
</table></div>
</div>
<!--End-->
</body>
</html>