Hier de hele code incl. html dan, sorry dat het zo groot en lang is:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="Style.css" rel="stylesheet" type="text/css">
</head>
<script src="js/jquery-1.7.min.js" ></script>
<script>
$(document).ready(function(){
var count = 0;
while (count<=65)
{
$("a.Thumb").append("<img class='pic' id='"+(count)+"' src='img/"+(count)+".jpg' width='100' height='100'>")
count++ ;
}
$("img").click(function(event){
var pic = $(this).attr('id')
$(".MainPic").animate({
opacity: 0
}, 300, function() {
$(".photoviewer").empty();
$(".photoviewer").append("<img class='MainPic' id='"+(pic)+"' src='img/"+(pic)+".jpg' />")
});
});
$(".Prev").click(function(event){
var pica = $(".MainPic").attr('id')
$(".MainPic").animate({
opacity: 0
}, 300, function() {
$(".photoviewer").empty();
pica--;
$(".photoviewer").append("<img class='MainPic' id='"+(pica)+"' src='img/"+(pica)+".jpg' />")
});
});
$(".Next").click(function(event){
var pica = $(".MainPic").attr('id');
$(".MainPic").animate({
opacity: 0
}, 300, function() {
$(".photoviewer").empty();
pica++ ;
$(".photoviewer").append("<img class='MainPic' id='"+(pica)+"' src='img/"+(pica)+".jpg' />")
});
});
});
</script>
<body>
<div class="container">
<div class="container">
<div class="header">
<div id="header-nav">
<a href="index.html"><img src="img/headerimg.png" /></a>
<ul>
<li><a href="index.html" id='home' title="Home">Home</a></li>
<li><a id='fotos' class='selected' title="Fotos">Foto's</a></li>
<li><a href="historie.html" id='historie' title="Historie">Historie</a></li>
</ul>
</div>
<!-- end .header --></div>
<div class="content">
<div class="Center">
<div class="photoviewer">
<img class='MainPic' id='0' src='img/0.jpg' />
</div>
<div class="Thumbnails">
<a class="Thumb" ></a>
hallo
</div>
</div>
</div>
<!-- end .content --></div>
<div class="footer2">
<p>Site Design by Jos Vermeulen</p>
<!-- end .footer --></div>
<!-- end .container --></div>
<div class="footer1">
<!-- end .footer --></div>
</body>
</html>
Is geen haast bij.
Geplaatst op 04 nov 2011 00:41 
.
die zijn 100x zo makkelijk echt 
