jquery - キャプションを使用した Fancybox2 のクリック可能な画像

Question

Fancybox2 の Web サイトでいくつかの画像をクリックできるようにしたいと考えています。この例からコードをコピーしました: http://jsfiddle.net/w6p49/

タイトルの代わりにキャプションを使用していることを除いて、まさに私が望むように動作します。ここからコードをコピーしました：http://jsfiddle.net/vkDcG/

私のコード

//Launch website URLS
$("#client-url").click(function() {
    $.fancybox.open([
            {
                href: 'http://xyz.com/images/portfolio/brand/client3/01.jpg',
                link: 'http://www.clientwebsite.com'
            },
            {
                href: 'http://xyz.com/images/portfolio/brand/client3/02.jpg',
                link: 'http://www.clientwebsite.com'
            },
            {
                href: 'http://xyz.com/images/portfolio/brand/client3/03.jpg',
                link: 'http://www.clientwebsite.com'
            },
            {
                href: 'http://xyz.com/images/portfolio/brand/client3/04.jpg',
                link: 'http://www.clientwebsite.com'
            },
        ],
        {
            beforeShow: function() {
                $(".fancybox-image").wrap('<a a target="_blank" href="' + this.link + '" />')
            },
            /*Use caption attribute instead of title*/
            beforeLoad: function () {
                this.title = $(this.element).attr('caption');
            },
            /*Fade image transition instead of default "elastic"*/
            openEffect: 'fade',
            closeEffect: 'fade',
            nextEffect: 'fade',
            prevEffect: 'fade',
            /*Hide the prev button on the first image, and the next button on the last one.*/
           loop: false
        });
    return false;
});

キャプションが表示されないことを除いて、すべて正常に動作します。どんな援助でも大歓迎です。