Jquery 如何更改Fancybox脚本以获得标题和说明

我有fancybox v。2.1.5

我的脚本从

脚本将显示应更改的内容：

<div class="view view-add">
    <a href="http://www.igorlaszlo.com/images/41.jpg" class="fancybox-thumbs" data-fancybox-group="group1"  title="Dance in the Dark">
        <img src="http://www.igorlaszlo.com/thumbs/41.jpg" alt="Model : Thierry Mercier" />
        <div class="mask">
            <h4>Dance in the Dark</h4>
            <p>Model : Thierry Mercier</p>
            <div class="info">Click for zoom</div>
         </div>
     </a>
</div>

$（文档）.ready（函数（）{
$（“.fancybox拇指”）.fancybox({
填充：0，
openEffect:'弹性'，
开放速度：150，
闭合效应：“弹性”，
接近速度：150，
closeClick:true，
“弹性”效应，
下一个效果：“弹性”，
是的，
箭头：是的，
下一步：没错，
beforeShow:函数（）{
this.title=$（this.element）.attr（'title'）；
this.title=''+this.title+'+$（this.element）.attr（'alt'）+'
；
afterShow:function（）{
},
助手：{
标题：{type:'inside'}
}
});
});

---

提前感谢！

可能重复感谢您的帮助…尽管我在javascript中是安静的零，但我尝试了很多变化，例如（这似乎是最符合逻辑的）：

beforeShow:function（）{var title=$（this.element）.attr（'title'）；var alt=$（this.element）.find（'img'）.attr（'alt'））；this.title=''+title+'+alt+'
；

但没有任何效果。我确信我非常接近正确的一个，但我无法将其放在一起。当我以与您给我的链接中的示例完全相同的方式制作示例时，title仍然“未定义”同样。看到它工作并使用代码@JFK非常感谢，它现在工作了！首先我使用了方法e

title=“main title第二行”
“

，但是您更正的脚本更好，工作也很好！再次感谢！

<script>
        $(document).ready(function() {
            $(".fancybox-thumbs").fancybox({
                padding: 0,

                openEffect : 'elastic',
                openSpeed  : 150,

                closeEffect : 'elastic',
                closeSpeed  : 150,

                closeClick : true,

                prevEffect : 'elastic',
                nextEffect : 'elastic',

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

                beforeShow: function () {

                            this.title = $(this.element).attr('title');
                            this.title = '<h3>' + this.title + '</h3>' + $(this.element).attr('alt') + '<br />';

                afterShow: function() {
                },

                helpers : {
                    title : { type: 'inside' }
                }
            });
        });
</script>