Thứ Tư, 1 tháng 3, 2017

Fancybox image

****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