<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Schilderijen van Mafokke</title>
<meta name="description" content="Foto's van schilderijen">
<meta name="keywords" content="schilderijen">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="vr, 23 okt 2015 13:50:30 GMT">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" href="lightbox/css/lightbox.css">
<link rel="stylesheet" href="stylede.css">
<!-- begin jquery - gebruik 1 van de volgende 3 regels -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- eind jquery -->
<script src="lightbox/js/lightbox.js"></script>
<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow div.active');
if ( $active.length == 0 ) $active = $('#slideshow div:last-child');
var $next = $active.next().length ? $active.next() : $('#slideshow div:first-child');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 3000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval(slideSwitch, 4000 );
});
</script>
</head>