First Download (VENOBOX)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery</title>
<link rel="stylesheet" href="venobox/venobox.min.css" media="screen" />
<link rel="stylesheet" href="venobox/venobox.css" media="screen" />
</head>
<body>
<a class="venobox" data-gall="gallery" href="gallery/26.png"><img src="gallery/26.png" width=" 200" height="150" /></a>
<a class="venobox" data-gall="gallery" href="gallery/1 (1).jpg"><img src="gallery/1 (1).jpg" width=" 200" height="150" /></a>
<a class="venobox" data-gall="gallery" href="gallery/1 (2).jpg"><img src="gallery/1 (2).jpg" width=" 200" height="150" /></a>
<a class="venobox" data-gall="gallery" href="gallery/1 (3).jpg"><img src="gallery/1 (3).jpg" width=" 200" height="150" /></a>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="venobox/venobox.min.js"></script>
<script type="text/javascript" src="venobox/venobox.js"></script>
<script>
$('.venobox').venobox({
arrowsColor : '#000000',
framewidth : '400px', // default: ''
frameheight: '300px', // default: ''
border : '10px', // default: '0'
bgcolor : '#5dff5e', // default: '#fff'
titleattr : 'data-title', // default: 'title'
spiner : 'wave',
overlayClose : 'true',
numeratio : true, // default: false
infinigall : true, // default: false
share : ['facebook', 'twitter', 'download'] // default: []
});
</script>
</body>
</html>
0 Comments