jquery - 花式盒子画廊问题

Question

我想要一个从 GALLERY 这个词打开的画廊。

这是我的代码 --> 目前画廊效果不起作用。我只能在花哨的盒子里看到第一张照片。任何帮助表示赞赏！谢谢。

我正在尝试产生这种效果http://jsfiddle.net/uZCC6/

HTML //

<li>

<a class="fancybox" href="images/WTWH/1.jpg">GALLERY</a>

<div class="hidden">
<a class="fancybox" href="images/WTWH/2.jpg"><img src="images/WTWH/2.jpg"></a>
</div>

</li>

CSS//

.hidden {
display:none;
}

JS

$(document).ready(function() {
            $('.fancybox').fancybox();
        });


            $(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

    $(".fancybox").fancybox({
        helpers:  {
            thumbs : {
                width: 50,
                height: 50
            }
        }
    });

            $(".various").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '60%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });