jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何用Fancybox 2.1.5中的自定义按钮替换默认控件?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
fancybox 2.1.5中,我想用我的自定义按钮替换认控件
(精灵上的新预加载关闭/下一个/上一个按钮).

我不确定如何正确调整css@L_696_7@.我试修改CSS as follows,但是出了点问题,“下一个”图标显示在右上角而不是“关闭”按钮.

你可以在this gist看到我的@L_696_7@.

解决方法

无需使用原始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)

大佬总结

以上是大佬教程为你收集整理的jquery – 如何用Fancybox 2.1.5中的自定义按钮替换默认控件?全部内容,希望文章能够帮你解决jquery – 如何用Fancybox 2.1.5中的自定义按钮替换默认控件?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。