Jquery Fancybox2:标题定位和格式
刚刚开始使用Fancybox2 我正在玩的演示的标题是一个居中的黑框,白色字体,在图片下方对齐一行 我想在下页边距内显示我的标题区域(即白色背景上的黑色文本),这样无论它的高度如何,它都会展开以适应图像的整体页边距,而不会进入图像区域 我还想在标题区的最后一行显示“y的x图像” 任何人都可以给我一个简单的指针,我需要更改哪些CSS或设置来实现这一点 谢谢 mcl使用以下脚本:Jquery Fancybox2:标题定位和格式,jquery,fancybox,Jquery,Fancybox,刚刚开始使用Fancybox2 我正在玩的演示的标题是一个居中的黑框,白色字体,在图片下方对齐一行 我想在下页边距内显示我的标题区域(即白色背景上的黑色文本),这样无论它的高度如何,它都会展开以适应图像的整体页边距,而不会进入图像区域 我还想在标题区的最后一行显示“y的x图像” 任何人都可以给我一个简单的指针,我需要更改哪些CSS或设置来实现这一点 谢谢 mcl使用以下脚本: <script type="text/javascript"> $(document).ready(fun
<script type="text/javascript">
$(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
</script>
$(文档).ready(函数(){
$(“.fancybox”).fancybox({
助手:{
标题:{type:'inside'}
},//助手
后加载:函数(){
this.title=(this.title?“”+this.title+'
':“”)+“图像”+(this.index+1)+“of'+this.group.length”;
}//后装
});//fancybox
}); // 准备好的
如果使用class=“fancybox”
设置链接的标题属性,它将在第一行显示标题,并在最后一行显示“Image x of y
”。如果未指定任何标题,则只会显示“图像x/y
”
更新:对于v2.0.6+版本,在放映前使用
而不是在放映后使用为什么不打开Firebug或Chromebug,在60秒内找到自己?y'的图像x是什么意思?这是第二个问题吗?我不太明白你想把黑匣子放在哪里。你的意思是说盒子与图片的宽度相同吗?谢谢你的评论。在Fancybox创建的lightbox中,我希望我的图像在顶部、左侧和右侧都有一个边距,比如说10px,底部的边距足够大,可以是一行或六行,它必须适合lightbox的底部边距。我的技能还不足以用Chromebug来解决这个问题,否则我就不会问这个问题了。作为描述的一部分,我还想展示当前图像相对于图库的状态。例如,图4/20。我想我想要一个白盒子而不是黑盒子。非常感谢。现在,我对Fancybox2的工作原理有了一点了解,我可以进一步探索。如果希望它在第一个节目中持续运行,那么应该使用在节目开始前
而不是在节目结束后
image@cwd:适用于v2.0.6+。。。上面的帖子是为v2.0.3写的,从那以后情况发生了变化。@cwd:我更新了我的答案,以避免进一步的混淆(由于插件正在发展,很难保持所有以前的答案都是最新的;)太好了。我正在寻找的确切答案。