her resim için aşağıdaki div'den ekleyin
<div class="fancybox-thumbs" data-fancybox-group="grup1" src="/img.jpg" href="/img.jpg"> </div>
src ve href resmin yolu, data-fancybox-group grup adı (büyütünce allta gözükenler aynı grupta oluyor)
projeye html sayfasına aşağıdakileri en sonuna eklenecek
src'ler js dosyalarının yolu.
<script type="text/javascript" src="/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="//fancybox/jquery.fancybox.css" media="screen"/>
<script type="text/javascript" src="/fancybox/jquery.fancybox-thumbs.js"></script>
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-thumbs.css" />
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox-thumbs').fancybox({
closeBtn: true,
nextClick: true,
helpers: {
title: {
type: 'inside'
},
thumbs: {
width: 50,
height: 50
},
buttons: {}
},
padding: 5
});
});
</script>
