Jquery Fancybox2:标题定位和格式

Jquery Fancybox2:标题定位和格式,jquery,fancybox,Jquery,Fancybox,刚刚开始使用Fancybox2 我正在玩的演示的标题是一个居中的黑框,白色字体,在图片下方对齐一行 我想在下页边距内显示我的标题区域(即白色背景上的黑色文本),这样无论它的高度如何,它都会展开以适应图像的整体页边距,而不会进入图像区域 我还想在标题区的最后一行显示“y的x图像” 任何人都可以给我一个简单的指针,我需要更改哪些CSS或设置来实现这一点 谢谢 mcl使用以下脚本: <script type="text/javascript"> $(document).ready(fun

刚刚开始使用Fancybox2

我正在玩的演示的标题是一个居中的黑框,白色字体,在图片下方对齐一行

我想在下页边距内显示我的标题区域(即白色背景上的黑色文本),这样无论它的高度如何,它都会展开以适应图像的整体页边距,而不会进入图像区域

我还想在标题区的最后一行显示“y的x图像”

任何人都可以给我一个简单的指针,我需要更改哪些CSS或设置来实现这一点

谢谢

mcl使用以下脚本:

<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:我更新了我的答案,以避免进一步的混淆(由于插件正在发展,很难保持所有以前的答案都是最新的;)太好了。我正在寻找的确切答案。