无需弄乱原始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。
对上一个/下一个图标执行相同的操作。查看API文档(搜索tpl)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句