FancyBox [JQuery]标题

Question

如何获得像Facebook一样的fancybox的标题，和/或我在fancybox的标题中添加更多的单词（适合这么少）？

    <script type="text/javascript">
$(document).ready(function() {
    $(".fancybox-button").fancybox({
        playSpeed       : 500,
        prevEffect      : 'none',
        nextEffect      : 'none',
        closeBtn        : false,
        loop            : false,
    afterShow: function() {
        $(".fancybox-title").wrapInner('<div />').show();

        $(".fancybox-wrap").hover(function() {
            $(".fancybox-title").show();
        }, function() {
            $(".fancybox-title").hide();
        });
    },
    helpers : {
        title: {
            type: 'over'
        }
    },
            buttons : {}

    });
});
</script>

Answer 1

也许这可以帮助

<a class="fancybox" href="images/01.jpg" data-caption="This is the caption" >Open fancybox</a>

$(document).ready(function() {
        $('.fancybox').fancybox({
            beforeShow : function(){
                this.title =  $(this.element).data("caption");
            }
        });
    });