花哨的盒子画廊问题

Question

我希望有一个可以通过GALLERY这个词打开的画廊。

这是我的代码 - ＆gt;目前画廊效果不起作用。我可以在花式框中看到第一张照片。任何帮助赞赏！感谢。

我正试图让这种效果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'
    });