sw9 Posted December 20, 2009 Share Posted December 20, 2009 hi all i'm trying to get fancy box to work on my site. i followed the steps listed here: http://fancybox.net/howto and i created a test page here: http://dev.mountgrace.org/test.html but neither the image nor the iframe will pull up fancy box. what am i doing wrong? thanks much! Quote Link to comment Share on other sites More sharing options...
sw9 Posted December 20, 2009 Author Share Posted December 20, 2009 i am mostly just confused on where i should place the javascript call to fancy box...am i putting this in the right place on my test page? Quote Link to comment Share on other sites More sharing options...
sw9 Posted December 20, 2009 Author Share Posted December 20, 2009 just for reference, here is all my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen"> <script type="text/javascript" src="/fancybox/jquery.fancybox.js"></script> <script type="text/javascript" src="/fancybox/jquery.fancybox-pack.js"></script> <script type="text/javascript"> $(document).ready(function() { /* This is basic - uses default settings */ $("a#single_image").fancybox(); /* Using custom settings */ $("a#inline").fancybox({ 'hideOnContentClick': true }); $("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false }); }); </script> </head> <body> <a class="group" href="http://dev.mountgrace.org/maptest.html"> <img src="/sites/default/files/CompletedProjectsFY09_0.jpg" alt=""/> </a> <a id="single_image" href="/sites/default/files/CompletedProjectsFY09_0.jpg"><img src="/sites/default/files/CompletedProjectsFY09_0.jpg" alt=""/></a> <a class="iframe" href="http://www.google.com">This goes to iframe</a> </body> </html> Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 20, 2009 Share Posted December 20, 2009 your not including the main jquery library <script type="text/javascript" src="path-to-file/jquery.js"></script> Quote Link to comment Share on other sites More sharing options...
sw9 Posted December 20, 2009 Author Share Posted December 20, 2009 whoops! knew it had to be something stupid! thanks. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.