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

用户名

在Fancybox 2.1.5中,我想用我的自定义按钮替换默认控件(新的预加载器+ Sprite上的close / next / prev按钮)。

我不确定如何正确调整CSS代码。我尝试如下修改CSS ,但是出了点问题,“下一个”图标显示在右上角,而不是“关闭”按钮。

您可以在这个要点上看到我的代码

肯尼迪

无需弄乱原始CSS文件,请改用tplAPI选项,例如

$(".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

对上一个/下一个图标执行相同的操作。查看API文档(搜索tpl)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

yii2如何用“布局”中的默认元标记替换“视图”中的自定义元标记

如何替换/自定义情节提要导航控件中的后退按钮图像

如何用python中的file2中的行替换file1中的指定行

numpy如何用整个array2替换array1中的单个元素

如何用自定义图像替换facebook按钮?

如何用1),2)分割文本?

如何处理事件,请单击Angular 2 Rc1中Ckeditor工具栏上的自定义按钮?

如何在$ 1和$ 2的bash脚本中包含自定义命令选项?

Rails 5自定义路线:如何创建自定义路径并用正斜杠替换%2F

如何使 xamarin 自定义控件中的 2 个可绑定属性相互识别?

如何用2组和1列定义一个新列

Oracle:如何用column1中的确切值搜索和替换column2中的文本?

R 如何用 1 替换 0?

如何从按钮中删除类并在sweetalert2中添加自定义类?

如何在ZF2表单中制作自定义单选按钮标签?

如何在Swift 2中制作按钮自定义形状的框架

如何在 angular 2+ 中制作自定义加载按钮组件?

如何用自定义管理员替换整个默认的 Djnago 管理员

如何用自定义应用程序替换默认的Glue42工具栏?

如何用vim替换NumberInt(1)到1?

Yii2:如何创建自定义删除按钮?

ionic2 - 如何自定义按钮大小

如何用负 1 替换 Pandas Data Frame 中的零

使用Azure B2C登录时如何在自定义页面中嵌入登录控件

Angular2如何将参数传递到自定义表单控件验证器中?

如何在Google Maps Android API v2中向MapFragment添加自定义控件?

如果col 1与col 3相同,如何用X替换col 4中的值,否则使用awk用col 2替换col 4中的每个条目

我应该如何用numpy将3d数组中的1d数组乘以2d矩阵

如何启动这样的自定义变量;“ Serie S = new Serie(){1,2,3,4}”?