jQuery的fancybox插件

标签：

在处理图片加载时（上面的效果，点击查看，出现图片），目前认识到的三种方式：

　　1、当图片在本地加载过来，或者在服务器的同目录下时，可以使用：

　　<a name="showPicLink" href="../${item.savapath!‘‘}">查看</a>　　

　　 $("a[name=‘showPicLink‘]").fancybox({
        //‘autoDimensions‘: false,
        padding :  5,
        margin : 10,
        ‘width‘         : ‘100%‘,
        ‘height‘         : ‘100%‘,
        ‘autoScale‘     : true,
     });

这种方式，就是将整个图片加载进来

　　2.如果使用流的方式读入

　　<a name="showPicLink"  href="terminal/getImageStream?itemid=${item.id?c!}">查看</a>　　

　　 $("a[name=‘showPicLink‘]").fancybox({
        //‘autoDimensions‘: false,
        padding :  5,
        margin : 10,
        ‘width‘         : ‘100%‘,
        ‘height‘         : ‘100%‘,
        ‘autoScale‘     : true,
        ‘type‘          : ‘image‘
     });

　　3.可以使用请求两次的方式：

　　　　第一次将图片以流的方式写入，第二次请求则将二进制流加载到新的frame中（此方式与第二种类似，但不如第二种方便）

　　4、使用div块：初始时div块为隐藏状态，当点击的时候，显示（这种方式与第三种思路相同，只是少了一次请求）

jQuery的fancybox插件

标签：

原文地址：http://www.cnblogs.com/lius1/p/4630729.html