在fancybox 2.1.5中,我想用我的自定义按钮替换默认控件
(精灵上的新预加载器关闭/下一个/上一个按钮).
(精灵上的新预加载器关闭/下一个/上一个按钮).
我不确定如何正确调整css代码.我试图修改CSS as follows,但是出了点问题,“下一个”图标显示在右上角而不是“关闭”按钮.
你可以在this gist看到我的代码.
解决方法
无需使用原始CSS文件,请使用tpl API选项
$(".fancybox").fancybox({
tpl: {
closeBtn: '<a title="Close" class="fancybox-item fancybox-close myClose" href="javascript:;"></a>'
}
});
请注意,我添加了类myClose,因此我可以设置自己的特定CSS属性,背景图像等
.myClose {
height: 50px;
width: 50px;
background: #ff0000;
}
以JSFIDDLE为例.
对prev / next图标执行相同操作.检查API documentation (search for tpl)