Fancybox 2箭头未显示

本文介绍了Fancybox 2箭头未显示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用fancyBox 2来显示iframe内容组.我可以使用键盘上的箭头并单击内容的右侧或左侧浏览内容，但是无法显示箭头.我什至将箭头设置为始终可见，而不仅仅是悬停并且仍然没有运气.我将在某些iframe中包含可点击的内容，因此我需要能够关闭仅在内容中的任意位置单击以进行导航的功能.同样，该选项会干扰滚动条.

I'm using fancyBox 2 to display groups of iframe content. I'm able to navigate through the content using the arrows on my keyboard and by clicking on either the right or left side of the content, but I'm unable to get the arrows to display. I've even set the arrows to be visible all the time instead of just on hover and still no luck. I'm going to have clickable content in some of the iframes so I need to be able to turn off the ability to click just anywhere in the content for navigation. Also that option interferes with the scroll bar.

这是我的代码

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="../../../scripts/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="../../../scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

<link rel="stylesheet" href="../../../scripts/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="../../../scripts/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">
    $(document).ready(function() {
    $(".fancybox").fancybox({
        fitToView   : false,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        showArrows  : true,
        arrows      : true,
        type        : 'iframe',
    });
});
</script>

和HTML

<a class="fancybox" rel="andyAdams" href="andyadams/one.html"><img src="thumbnailImages/adams1.jpg" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/two.html"><img src="thumbnailImages/adams2.jpg" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/three.html"><img src="thumbnailImages/adams3.png" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/four.html"><img src="thumbnailImages/adams4.jpg" height="150" width="150" alt="Andy Adams" /></a>

感谢您的帮助！谢谢！

arrows

Fancybox 2箭头未显示

问题描述

推荐答案