gpt4 book ai didi

jquery - 为精美的盒子添加标题

转载 作者:行者123 更新时间:2023-12-01 00:57:23 27 4
gpt4 key购买 nike

嗨,你可能认为这是一个愚蠢的问题,但我正在尝试将标题添加到精美的框 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');
}
});

我遇到各种语法错误。

网站是:http://bit.ly/Wan5kr

最佳答案

您当前的脚本是:

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

另一方面,如果您更喜欢使用 caption 属性(因为当您将鼠标悬停在图像上时,title 显示为工具提示 ) 将 title 更改为 caption,例如

<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

关于jquery - 为精美的盒子添加标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13176738/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com