发现了几个类似的问题,但没有这个具体问题的答案。
有没有办法在 FancyBox2 模式/弹出窗口的顶部和底部添加标题?
我知道如何将标题放置在顶部或底部。但需要在顶部放置标题,在底部放置说明文字。
提前感谢大家..
您可以修改默认的 fancybox 模板以添加一些额外的 HTML。如下所示:
您的 HTML:
<a href='http://www.bbc.co.uk/news' class="fancybox" data-caption="caption here" title="Title here">Click</a>
JavaScript:
$(".fancybox").fancybox({
type: 'iframe',
beforeLoad: function() {
var caption = this.element.attr('data-caption');
this.tpl.wrap = '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div><p>'+caption+'</p></div></div></div>'
},
helpers: {
title : {
type : 'inside',
position: 'top'
}
}
});
我使用 iFrame 作为示例,但这应该适用于任何 Fancybox 类型。
JS 小提琴在这里:http://jsfiddle.net/WillDonohoe/thy0om73/ http://jsfiddle.net/WillDonohoe/thy0om73/
查看 fancybox 文档的 tpl 部分以获取更多信息:http://fancyapps.com/fancybox/#docs http://fancyapps.com/fancybox/#docs
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)