jquery - FancyBox not working but no JavaScript error -
when preview code in browser , click on image, opens image , doesn't trigger fancybox. doing wrong?
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>index</title> <script type="text/x-javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/x-javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> <link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen"/> <script type="text/x-javascript" src="js/jquery.fancybox.pack.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox(); }); </script> <body> <div id="mygallery"> <a class="fancybox" rel="group" href="images/fullsize1.jpg"> <img src="images/thumb1.jpg" alt="" width="100" height="100" /> </a> <a class="fancybox" rel="group" href="images/fullsize2.jpg"> <img src="images/thumb2.jpg" alt="" width="100" height="100" /> </a> <a class="fancybox" rel="group" href="images/fullsize3.jpg"> <img src="images/thumb3.jpg" alt="" width="100" height="100" /> </a> </div> </body> </html>
Comments
Post a Comment