2012-06-16 29 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}); }); –

相关问题