Skip to content

Instantly share code, notes, and snippets.

@lode

lode/index.html

Created October 12, 2012 11:20
Show Gist options
  • Save lode/3878763 to your computer and use it in GitHub Desktop.
Save lode/3878763 to your computer and use it in GitHub Desktop.
Download ZIP
Lightbox zelfbouw
Raw
index.html
<!doctype html>
<html>
<head>
<title>Lightbox test</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-lightbox-0.5/js/jquery.lightbox-0.5.min.js"></script>
<link type="text/css" rel="stylesheet" href="jquery-lightbox-0.5/css/jquery.lightbox-0.5.css">
<script type="text/javascript">
$(document).ready(function(){
$('.lightbox').each(function(){
$(this).lightBox();
});
});
</script>
</head>
<body>
<h1>Lightbox test</h1>
<div>
<a class="lightbox" href="img/groot1.jpg"><img src="img/klein1.jpg"></a>
<a class="lightbox" href="img/groot2.jpg"><img src="img/klein2.jpg"></a>
<a class="lightbox" href="img/groot3.jpg"><img src="img/klein3.jpg"></a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment