2012-06-16 48 views
0

一切工作正常,沒有導航的視頻和圖片 我在我的網站上有這樣的Java之間的箭頭:fancybox中沒有導航箭頭,所有東西都放在rel ..什麼問題?

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".fancyYoutube").click(function() { 
    $.fancybox({ 
    'padding'  : 0, 
    'autoScale'  : false, 
    'overlayShow' : false, 
    'transitionIn'  : 'elastic', 
    'transitionOut'  : 'elastic', 
    'showNavArrows'  : true, 
    'title'  : this.title, 
    'width'  : 680, 
    'height'  : 495, 
    'href'  : this.href.replace(new RegExp("watch\\?v=","i"), 'v/'), 
    'type'  : 'swf', 
    'swf' : { 
    'wmode' : 'transparent', 
    'allowfullscreen' : 'true' 
    } 
    }); 
    return false; 
    }); 
}); 

,這是我的HTML代碼(的混合視頻部分/圖片):

<a class="fancyYoutube" title="KravMAGA" href="../img/auto.jpg" rel="grupa"><img src="http://i4.ytimg.com/vi/ci-pBX9lQKQ/default.jpg"></a> 
     <a class="fancyYoutube" title="KRAVMAGA" href="http://www.youtube.com/watch?v=zcUUVHhlAjE&feature=plcp&autoplay=1" rel="grupa"><img src="http://i3.ytimg.com/vi/zcUUVHhlAjE/default.jpg"></a> 
     <a class="fancyYoutube" title="KravMAGA" href="http://www.youtube.com/watch?v=zcUUVHhlAjE&feature=plcp&autoplay=1" rel="grupa"><img src="http://i3.ytimg.com/vi/bJCp9PW_KaA/default.jpg"></a> 
     <a class="fancyYoutube" title="KRAVMAGA" href="http://www.youtube.com/watch?v=ci-pBX9lQKQ&autoplay=1" rel="grupa"><img src="http://i4.ytimg.com/vi/ci-pBX9lQKQ/default.jpg"></a> 
     <a class="fancyYoutube" title="KravMAGA" href="../img/auto.jpg"><img src="http://i3.ytimg.com/vi/bJCp9PW_KaA/default.jpg"rel="grupa"></a> 

我沒有任何導航箭頭,爲什麼?在CSS一切都很好,每個圖像(精靈)與fancybox.css 在同一個文件夾我做錯了什麼?

#fancybox-left { 
    left: -50px; 
} 

#fancybox-right { 
right: -50px; 
} 

請幫助

回答

1

的問題是,你正在使用手動方法.click()用的fancybox V1.3.4。有沒有辦法有一個這樣的庫,除非你喜歡

$(".fancyYoutube").click(function(){ 
$.fancybox([ 
    {"href": "TARGET HERE"}, 
    {"href": "TARGET HERE"} // more as you need them 
],{ 
    // fancybox options here 
}); 
}); 

此外您要設置不同類型的對象(圖像和視頻)的使用相同的腳本,這是一個畫廊的腳本中設置也不可能。

Fancybox v2.x已經克服了這些問題,你可以很容易地與幫手fancybox-media設置一個畫廊,但不知道是否正在考慮升級。

這將是爲維持目前的HTML和加載fancybox.js的fancybox-media.js文件一樣簡單。

然後腳本會這麼簡單

$(".fancyYoutube").fancybox({ 
helpers : { 
    media : {} 
} 
}); 
+0

我必須做什麼來升級fancybox?在媒體和助手中鍵入什麼? –

+0

首先,檢查許可選項以查看它們是否符合您的需求。請注意,如果升級,則必須刪除以前的版本文件。其次,我設置的腳本不需要其他任何東西。 – JFK

+0

這樣的事? $(文件)。就緒(函數(){ \t $( 「fancyYoutube。 」)點擊(函數(){ \t $ .fancybox([ \t {「 HREF」:「this.href.replace(新的RegExp (「看\\?V = 「 」I「), 'V /')」}],{ \t '填充' \t \t:0, \t 'AUTOSCALE' \t \t:假, \t 'overlayShow' \t:\t假, \t 'transitionIn' \t \t: '彈性', \t 'transitionOut' \t \t: '彈性', \t '循環' \t \t \t:真實, \t 'showNavArrows' \t \t:真, \t '標題' \t \t:this.title, \t '寬度' \t \t:680, \t '高度' \t \t:495, \t '類型' \t \t: 'SWF', \t '瑞士法郎':{ \t 'WMODE': '透明', \t '的allowFullScreen': '真' \t} \t}); \t return false; \t}); }); –

相關問題