fancyapps / fancybox

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
http://fancyapps.com/
7.27k stars 1.78k forks source link

fanybox2 next and prev buttons, keyboard advancing not working for vimeo videos #541

Closed growlroo closed 11 years ago

growlroo commented 11 years ago

I've been having a problem with "fancybox-media" not advancing to the next or previous videos. They are Vimeo videos but that shouldn't matter since the fancybox code is just pulling up a link.

Here's how i have the html set up:

class="fancybox-media" rel="gallery" data-fancybox-group="gallery" data-title-id="title-1" href="http://vimeo.com/####"

Here's the jquery call:

$(".fancybox-media")
            .attr('rel', 'gallery')
            .fancybox({
                 beforeLoad: function() {
            var el, id = $(this.element).data('title-id');

            if (id) {
                el = $('#' + id);

                if (el.length) {
                    this.title = el.html();
                      }
                  }
              },
            openEffect  : 'fade',
            closeEffect : 'fade',
            prevEffect : 'fade',
            nextEffect : 'fade',
            padding: 0,
            arrows: true,
            helpers : {
                media : true,
                title   : {
                    type: 'inside'
                },
            overlay : {
            css : { 'background' : 'rgba(0, 0, 0, 0.95)'}},
        }
    });

any ideas?

fancyapps commented 11 years ago

Works fine for me - http://jsfiddle.net/NmvAw/ - I have also changed the height of the navigation icons, so they are not over others.