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! Link to comment https://forums.phpfreaks.com/topic/185806-fancy-box-help/ 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? Link to comment https://forums.phpfreaks.com/topic/185806-fancy-box-help/#findComment-981099 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> Link to comment https://forums.phpfreaks.com/topic/185806-fancy-box-help/#findComment-981106 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> Link to comment https://forums.phpfreaks.com/topic/185806-fancy-box-help/#findComment-981108 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. Link to comment https://forums.phpfreaks.com/topic/185806-fancy-box-help/#findComment-981120 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.