jquery – 如何用Fancybox 2.1.5中的自定义按钮替换默认控件?

在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)

相关文章

1.第一步 设置响应头 header(&#39;Access-Control-Allow...
$.inArray()方法介绍 $.inArray()函数用于在数组中搜索指定的...
jquery.serializejson.min.js的妙用 关于这个jquery.seriali...
JS 将form表单数据快速转化为object对象(json对象) jaymou...
jQuery插件之jquery.spinner数字智能增减插件 参考地址:http...