在处理图片加载时(上面的效果,点击查看,出现图片),目前认识到的三种方式:
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块为隐藏状态,当点击的时候,显示(这种方式与第三种思路相同,只是少了一次请求)