Fancybox 2箭头未显示 [英] Fancybox 2 arrows not showing up

问题描述

我正在使用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>

感谢您的帮助！谢谢！

推荐答案

我有同样的问题.起初我很累将图像放在一个 不同的文件夹(不是css文件夹)，并使用css url链接它们... 它不起作用...但是当我将图像放在相同的css文件夹中时... 它奏效了...您应该尝试...

I had the same problem. I initially tired putting the images in a different folder (not the css folder) and use css url to link them... it didn't work... but when I put the images in the same css folder... it worked... you should try that...

这篇关于Fancybox 2箭头未显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！