Button Fancybox按钮助手赢得';t显示
我无法让fancybox显示按钮助手。我(非常确定)我正在加载css和javascript文件:Button Fancybox按钮助手赢得';t显示,button,fancybox,Button,Fancybox,我无法让fancybox显示按钮助手。我(非常确定)我正在加载css和javascript文件: <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" /> <script type="text/javascript" src="/fancybox/source/helpers/jquery
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>
这是我的FancyBox js:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
nextEffect : 'fade',
prevEffect : 'fade',
openEffect : 'fade',
closeEffect : 'fade',
closeBtn : 'true',
loop : 'false',
arrows : 'true',
nextClick : 'true',
mouseWheel : 'true',
helpers : {
title : { type : 'inside' },
buttons : {},
}
});
});
$(文档).ready(函数(){
$(“.fancybox”).fancybox({
下一个效果:“褪色”,
效果:“褪色”,
openEffect:“褪色”,
特效:“褪色”,
closeBtn:'正确',
循环:“false”,
箭头:“正确”,
下一步单击:“true”,
鼠标滚轮:“正确”,
助手:{
标题:{type:'inside'},
按钮:{},
}
});
});
和我的图像HTML:
<a class="fancybox" rel="comic" href="http://clpmag.org/admin/rdb/slideshow/gliddencomic/01-glidden-comic.jpg" title=""><img src="http://clpmag.org/admin/rdb/slideshow/gliddencomic/01-glidden-comic.jpg" /></a>
<a class="fancybox" rel="comic" href="http://clpmag.org/admin/rdb/slideshow/gliddencomic/02-glidden-comic.jpg" title="" style="display:none;"><img src="http://clpmag.org/admin/rdb/slideshow/gliddencomic/02-glidden-comic.jpg" width="470px"/></a>
但是在文章页面的fancybox中,我没有看到屏幕顶部的按钮帮助程序。有什么想法吗?谢谢 Fancybox的按钮在此容器内:
<div id="fancybox-buttons" class="top">
但是你有另一个css
规则
.top {
margin-top: -80px;
}
在您的文件中(第326行),它将覆盖fancybox规则并将按钮移出视口的可见区域
因此,您可以将类重命名为“top”,或者使用一些特殊性,如:
#parent .top {}
顺便说一句,像这样设置一般的css规则不是一个好主意
a {
color: #3770CA;
text-decoration: none;
}
因为这也会影响到您可能想要使用的其他jQuery插件。。。。再次建议使用一些特殊性或类,如
#wrapper a {
color: #3770CA;
text-decoration: none;
}
只需更改jquery.fancybox-buttons.css中的第8行
#fancybox-buttons.top {
top: 75px;
}
它将被修复,同时确保在您自己的CSS文件中添加此规则:
#fancybox-buttons ul li {
list-style-type: none; list-style-type: none;
}
#fancybox-buttons ul li {
list-style-type: none; list-style-type: none;
}