將fancybox標題樣式僅更改爲「外部」視頻

Question

因此，我有一個圖片庫和一個視頻庫。我希望圖像具有「over」類型標題和視頻具有「內部」類型標題。下面的代碼是我嘗試過的，但視頻標題仍然「結束」，點擊視頻縮略圖只會導致fancybox覆蓋層閃爍。如果我刪除fancybox-media定義，則視頻縮略圖可以正常工作。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox({ 
      margin: 10, 
      padding: 10, 

      helpers : { 
       title : { 
        type : 'over' 
       }, 
       media : {} 
      } 
     }); 

     $('.fancybox-media').fancybox({ 
      helpers : { 
       title : { 
        type : 'inside' 
       } 
      } 
     }); 

    }); 
</script> 

然後在HTML：

<a class="fancybox fancybox-media" href="http://www.youtube.com/v/EIyixC9NsLI?hd=1&autoplay=1" data-fancybox-group="gallery" title="Here is a video."><img class="thumb" src="tn_video.png" alt="" /></a> 

其答案是否有事情做.attr('rel', 'gallery')？我真的不明白這是什麼。

Answer 1

您是否嘗試過創建2個獨立的fancybox函數調用，一個用於fancyboxfancybox-media，因爲在那裏它們可能會相互重疊。

像這樣（未測試）：

$(".fancybox").fancybox({ 
     margin: 10, 
     padding: 10, 

     helpers : { 
      title : { 
       type : 'over' 
      }, 
      media : {} 
     } 
    }); 
    $(".fancybox-media").fancybox({ 
     margin: 10, 
     padding: 10, 

     helpers : { 
      title : { 
       type : 'inside' 
      }, 
      media : {} 
     } 
    });