Hello,
I hope someone has an answer to this problem.
I you look at this link you will see an error message: http://www.deltazuid.nl/communicatie/portfolio/corporate/album/tom-van-zeeland
I know there is a </div> to much, but when i remove that </div> the Jquery slider wont load the images anymore.
Pagecode:
<head>
<% base_tag %>
<link rel="stylesheet" type="text/css" href="/themes/deltazuid/css/layout.css" />
<link rel="stylesheet" type="text/css" href="/themes/deltazuid/css/typography.css" />
<link rel="stylesheet" type="text/css" href="/themes/deltazuid/css/form.css" />
<link rel="stylesheet" type="text/css" href="/themes/deltazuid/css/global.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<script src="/themes/deltazuid/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'themes/deltazuid/img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
</head>
OtherTemplateCode:
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
$GalleryLayout
</div>
<a href="#" class="prev"><img src="/themes/deltazuid/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/themes/deltazuid/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="/themes/deltazuid/img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
</div>
</div>