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) Quote Link to comment 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). 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.