NextGEN Slideshow and Fancybox
-
Hi Alex et al,
I’ve been having a real hard time figuring out why Fancybox won’t work with the non-flash version of the NextGEN slideshow. Gallery images appear correctly, but the slideshow just displays a loading animation. Here’s what I did to integrate Fancybox:
– Within Gallery > Options > Effects I changed “Javascript Thumbnail effect” to “Custom” and within “Link Code line” I added
class="myfancybox" rel="%GALLERY_NAME%"
.
– Within Appearence > Editor > header.php I added<link type=”text/css” rel=”stylesheet” href=”https://tattoosbycharles.com/wp-content/themes/base/library/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css” />
<script type=”text/javascript” src=”https://tattoosbycharles.com/wp-content/themes/base/library/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.js”></script>
<script type=’text/javascript’>
$(document).ready(function() {
$(“a.myfancybox”).fancybox({ ‘zoomSpeedIn’: 500, ‘zoomSpeedOut’: 500, ‘overlayShow’:true,’overlayOpacity’:0.3 });
});
</script>For now, I’m using the Flash version of the slideshow but that’s not optimal since Flash doesn’t work on iApple products. I also had to add
<script type="text/javascript" src="https://code.jquery.com/jquery-1.5.2.min.js"></script>
within the header.php file in order to make the Fancybox work. Convoluted, I know. :/The site is https://tattoosbycharles.com.
Thanks!
- The topic ‘NextGEN Slideshow and Fancybox’ is closed to new replies.