jquery - Fancybox2 : Title positioning and format

刚刚开始使用 Fancybox2。

我正在玩的演示 http://webdesignandsuch.com/posts/fancybox-download/fancyBox2/ 的标题是一个居中的黑框，带有白色字体，在图像下方对齐一行。

我想在底部边距内显示我的标题区域(即白色背景上的黑色文本)，以便无论其高度如何扩展以适应图像的整体边距，并且不会进入图像区域。

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

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

谢谢

麦克尔

最佳答案

使用这个脚本:

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

如果您使用 class="fancybox" 在链接上设置 title 属性，它将在第一行显示标题，在最后一行显示“Image x of y ”。如果您没有指定任何标题，则只会显示“Image x of y ”。

更新 :对于 v2.0.6+ 使用 beforeShow 而不是 afterLoad 。

关于jquery - Fancybox2 : Title positioning and format，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8655213/