$('img').addClass('fancybox');
        $(".fancybox").fancybox({
            openEffect: 'elastic',
            closeEffect: 'elastic',            helpers: {
                title: {
                    type: 'float'
                }
            }
        });-------------------------------------下面是HTML代码<fieldset><legend>详细内容</legend>
        <img alt="" src="images/20120623001.jpg" />
   
</fieldset>有效果,打开正常,点击fancybox 的关闭按钮,图片正常关闭,但是网页上的图片也消失了,在线求解,谢谢

解决方案 »

  1.   

    使用方法有误吧,你看下官网上的DEMO代码,是用一个a标签内嵌入一个img标签的,img是缩略图,点击后弹出a链接的大图:
    <a id="example1" href="http://farm5.static.flickr.com/4058/4252054277_f0fa91e026.jpg">
    <img alt="example1" src="http://farm5.static.flickr.com/4058/4252054277_f0fa91e026_m.jpg"></a>