Easy FancyBox for WordPress

First, thanks for a great plugin! It has helped me out on countless projects.

I have been trying to get Easy Fancybox to work with a NextGen Gallery slideshow. So, I have made a WordPress page template that is pretty much empty aside from the header and footer info, a wrapper, and a the_content() call.

On the Slideshow page I am using the Slideshow Shortcode for NGG. Then I have a link on the main WordPress site to the Slideshow page, using Link

When I click the link, it successfully opens a Fancybox, but the NGG doesn’t seem to work. However, if I visit the Slideshow page without using the Fancybox, it loads fine. Inside the Fancybox it just displays all the images full size, with no styles, no page background, and the functionality is gone too. For example, I can’t even close the Fancybox. I click the close icon and the icon itself disappears but the page remains.

When I check the error console after trying to load the iframe through Fancybox, I see the following:
Uncaught TypeError: Cannot call method 'width' of undefined
/wp/?page_id=131:4Uncaught TypeError: Object [object Object] has no method 'cycle'
2
Uncaught TypeError: Cannot call method 'is' of undefined


Sorry for such a long post, but do you know what could be causing this? Thank you for taking the time to read this, and any help is appreciated. Also, feel free to reply to me via email if that is easier for you.

This is one of the greatest lightbox plugin that I used for my wordpress plugins site. Easy to install and produced fantastic output.

Best Regards,

Hello & beautiful plugin!

I created a “Child Theme” of twentyeleven and the plugin works great except at the very top of the page. The first post photo pops up behind the header image. Is there a way to fix this? My site is not yet live, running BitNami from my mac.

Thank you!

Hello. I tray change css and js files to get this function http://jsfiddle.net/ANLxC/47/ but Easy FancyBox Plugin not working after changes.

Plese, help me. How to make changes?

Hi Ravan,

Is there a way with this plugin to link directly to a specific fancybox based on a URL parameter? On my existing site, the following function works but I just don’t know where to place it in the files for Easy Fancybox.


var thisHash = window.location.hash;
$(document).ready(function() {
if(window.location.hash) {
$(thisHash).fancybox({
padding: 0
// more API options
}).trigger('click');
}
$('#rsvp').fancybox({
// more API options
});
}); // ready


I’d really appreciate if you could find a solution for me! I tried a bunch of the other Fancybox plugins and yours is really the best! It is vital for my client to have this function and if it’s not possible I’ll unfortunately have to start exploring other lightbox plugins.

For your reference:
http://www.flavormediagroup.com/#rsvp
http://www.flavormediagroup.com/wordpress/#rsvp

Thanks!

Installed the plugin and loving it. However, I’m having trouble with the iframe method on class=”fancybox-iframe”. Using class=”fancybox iframe” works but the iframe is way too small. Using class=”fancybox-iframe” doesn’t work at all (the page loads normally, not in an iframe). I have class=”fancybox-iframe” in right now so you can see. Please check it out and advise.

Sb help me? I have problem with this plugin, it stopped working! My site is szuta.pl

This website:

http://stackoverflow.com/questions/6528177/extend-fancybox-inside-an-iframe-to-outside

tells me that I would be able to have the fancybox overlay a parent iframe, which would be very helpful to me. Would you be able to instruct me what lines to change when I edit the plugin to accomplish this? Thank you so much for even considering this request!

Hi Ravan,

First of all a great thank you for this awesome plugin! I am using it for my assignment and this plugin sure helpes me a lot! 😀
I am currently using it with NextGen Gallery, and Easy Fancybox displays the description for each image during hover, as I am building a multilingual site the description looks messy when they are all being shown at once. Is there a way to disable title and only show the image when users hover over the thumbnail?

Any advice will be greatly appreciated!

Thanks,
Anisa