Question

一切正常，没有在视频和图片之间导航箭头我在我的网站上的java中有这个：

<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;
}

请帮助

Answer 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 : {} 
 }
});

Answer 2

对于版本2，就像这样 - http://jsfiddle.net/nn4Tg/

您可能希望使用媒体助手来使直接链接起作用。

在fancybox中没有导航箭头，一切都在真实地分组..问题是什么？

2 个答案: