fancybox從圖像過渡到視頻

我有一個fancybox畫廊與圖像和視頻。當我點擊圖像並使用鼠標滾輪時，我可以瀏覽各種圖像，但它總是跳過視頻。如果我點擊視頻，它起着很好，一切...fancybox從圖像過渡到視頻

我希望能夠通過畫廊瀏覽圖像時，去我的視頻......

這是網站，我這樣做對www.charbelnicolas.com（請點擊II第二頁看到我在談論畫廊）

現在...圖像和視頻具有相同的rel這是"gallery2"，這是代碼我正在用於畫廊：

<script type="text/javascript"> 

     $(document).ready(function() { 
     $(".fancybox").fancybox({ helpers: { title: false } });}); 

    </script> 


    <script type="text/javascript"> 

    $(document).ready(function() { 
    $('.fancybox-media').fancybox({ 'minWidth': 720, 'minHeight': 480, helpers : { media : {}}});}); 

    </script>

我應該怎麼做才能看到我的視頻上的導航箭頭，以及當我在瀏覽圖庫時使用鍵盤或鼠標滾輪時，我可以看到視頻以及圖像？（所以它不再跳過視頻）

我搜索了谷歌小組的討論，我看到了JFK的各種答案，但我似乎無法使它工作......也許如果你們檢查我的網站你可能能夠告訴我什麼是錯的。

謝謝

來源

2013-02-27 Charbel Nicolas

順便說一句，視頻是一個綠色的圖像，說「Te de limon」 – 2013-02-27 06:06:00

對於圖像和視頻，您只需要一個腳本。

如果你想通過像minWidth和minHeight爲您的視頻選擇，做到這一點使用（HTML5）data-*屬性（例如data-min-width="720"和data-min-height="480"）您的鏈接中，如：

<a rel="gallery2" class="fancybox" href="http://vimeo.com/59469665" data-min-width="720" data-min-height="480"><img class="left" src="http://charbelnicolas.com/thumbs/anunciotedelimonthumb.png" alt="" /></a>

然後獲取這些值內beforeShow回調，如：

$(".fancybox").fancybox({ 
    beforeShow: function() { 
     this.minWidth = $(this.element).data("min-width"); 
     this.minHeight = $(this.element).data("min-height"); 
    }, 
    helpers: { 
     media: {} 
    } 
});

見JSFIDDLE

P.S.不要忘記加載jquery.fancybox-media.js文件。

來源

2013-02-27 07:50:00 JFK

非常感謝你JFK，它現在完美的作品。我很感激。 – 2013-02-27 17:33:07

fancybox從圖像過渡到視頻

回答

相關問題