eMonk Posted September 7, 2011 Share Posted September 7, 2011 I'm trying to get the grouped_elements to work with Fancybox and tried many different codes but still no luck. Here's what I have now and it's just loading a blank page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $("a.grouped_elements").fancybox(); }); </head> <body> <a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a> <a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a> <a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a> <a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a> </body> </html> Here's the link to the Fancybox tutorial: http://fancybox.net/howto The image effect I'm trying to produce is the last one at: http://fancybox.net (the one where you can use the mouse scroll wheel) Link to comment https://forums.phpfreaks.com/topic/246586-fancybox-help-needed/ Share on other sites More sharing options...
Adam Posted September 8, 2011 Share Posted September 8, 2011 First I would ensure all the paths are correct to your scripts, stylesheets and images. A quick way to do this is just view the source and click the path link for each (generally browsers convert them to links these days). Link to comment https://forums.phpfreaks.com/topic/246586-fancybox-help-needed/#findComment-1266826 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.