****html
<a class="fancybox" rel="group" href="demo/img1.jpg" title="Exciting Title!"><img src="demo/img1s.jpg" alt=""></a>
**** Jquery
<!-- Grab Google CDN's jQuery, fall back to local if offline -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- FancyBox -->
<script src="http://wpandsuch.com/posts/fancybox-download/fancyBox2/js/fancybox/jquery.fancybox.js"></script>
<script src="http://wpandsuch.com/posts/fancybox-download/fancyBox2/js/fancybox/jquery.fancybox-buttons.js"></script>
<script src="http://wpandsuch.com/posts/fancybox-download/fancyBox2/js/fancybox/jquery.fancybox-thumbs.js"></script>
<script src="http://wpandsuch.com/posts/fancybox-download/fancyBox2/js/fancybox/jquery.easing-1.3.pack.js"></script>
<script src="http://wpandsuch.com/posts/fancybox-download/fancyBox2/js/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
Download: tại đây
Không có nhận xét nào:
Đăng nhận xét