在Fancybox中添加说明

Question

我有这个fancybox代码 - ＆gt; jsfiddle：http://jsfiddle.net/uZCC6/5192/

CSS：

.hidden {
    display: none;
}

JQUERY：

 $('.fancybox').fancybox({
                prevEffect : 'fade',
                nextEffect : 'fade',

                closeBtn  : true,
                arrows    : true,
                nextClick : true,

                helpers : {
                    thumbs : {
                        width  : 50,
                        height : 50
                    }
                }
            });

我正在尝试使用JFK Adding a title to fancy box提供的此方法为弹出的图像添加说明。

<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

然而，当我尝试实现他的代码时，缩略图正在消失，对正确应用他的答案的方法有任何帮助吗？