嗨,你可能认为这是一个愚蠢的问题,但我正在尝试将标题添加到花哨的方框2.我对
javascript知之甚少,但在我的html底部有这个
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
如果我尝试加入
$(".fancybox")
.attr('rel','gallery')
.fancybox({
beforeLoad: function() {
this.title = $(this.element).attr('caption');
}
});
我得到各种语法错误.
解决方法
您当前的脚本是：
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
title : { type : 'inside' }
},// helpers
afterLoad : function() {
this.title = (this.title ? '' + this.title + '<br />' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
} // afterLoad
}); // fancybox
}); // ready
……但应该是(如果你不想要“第1页,共6页”)：
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
title : { type : 'inside' }
} // helpers
}); // fancybox
}); // ready
另一方面,如果您更喜欢使用标题属性(因为当您悬停图像时标题显示为工具提示)更改标题,如标题所示
<a href="images/Gallery/large/wing-back-chair.jpg" caption="Early 1900'....." rel="Sold" class="fancybox"><img width="304" height="350" alt="Winged back chair and ottoman" src="images/Gallery/tn/wing-back-chair.jpg"></a>
并使用此脚本
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
title : { type : 'inside' }
},// helpers
beforeLoad: function() {
this.title = $(this.element).attr('caption');
}
}); // fancybox
}); // ready
