点击图片,弹出放大图片

时间:2022-02-25 09:43:43
我的图片按一定比例缩小读入到image控件中,下面有一个“查看图片”按钮Button1,点击此按钮,弹出原图!请教思路和实现方法啊!

23 个解决方案

#1


用个DIV把大图包起来,先隐藏,点击看大图,显示这个DIV

#2


用JS实现,添加一函数,BUTTON的CLICK事件调用即可。

#3


Image控件好像在WinForm程序中才有吧!ASP.NET里边有Image控件吗?还JS呢?看都不看清楚!解决这个问题有两种方案 一种是你把图片在数据库中按字节码存放  然后再加载的时候限定大小!另外一种就是设置Image控件的显示格式!祝楼主好运!

#4


winform吗?
额外产生一个form2,里面放个picturebox,放大到原图的大小就好

#5


我用的是.NET,标准控件里面的image控件,求详解啊

#6


请教,望指点啊!

#7


这个控件非常好,试试。



网站




my blog
http://ufo-crackerx.blog.163.com/

#8


继续请教!

#9


用个DIV把大图包起来,先隐藏,点击看大图,显示这个DIV

#10


楼上的,能给个例子吗,谢谢

#11


http://blog.csdn.net/cloudhsu/archive/2010/08/31/5852120.aspx
参考这篇
应该够详细了
或著自己下载代码来看

#12


web控件的话就不想弄了....
个人很不喜欢开发web方面的东西...

#13


是winform吗?

#14


我不会····

#15


请教一下大家如果是winform的该怎么弄呢?

#16


用CSS控制图片的大小,就是写二个选择器,一个是你适合的大小,另一个是点击后的大小

#17


Win的话,原图足够清晰的话,只需要改变你的展现对象的大小即可


yourPicBox.Width = youPicBox.Width *2;
yourPicBox.Height = youPicBox.Height *2;

//注,PicBox的图像的拉伸属性要设置成ZOOM


Web的话
点击的时候弹出一个Div层,把大图放进去

#18


使用GDI+试试 .

#19


<div id="divPhotoWrapper" style="display:none;position:....."></div>

...button click="showPic('xxx.jpg')"...

function showPic(pic)
{
   var h = document.body.clientHeight;
   var w = document.body.clientWidth - 2;
   var img = "<img alt='' style='...' src='" + pic+ "'/>";
   $("#divPhotoWrapper").css("width", w).css("height", h).empty().append(img).show();
}
===============
就这么简单

#20


引用楼主 zhangjian5206 的回复:
我的图片按一定比例缩小读入到image控件中,下面有一个“查看图片”按钮Button1,点击此按钮,弹出原图!请教思路和实现方法啊!



   楼主! 找到解决方法了吗? 我现在也遇到这个问题? 求解!!!
谢谢主!!!

#21


Mark,点击,弹出放大图片

#23


引用 11 楼 cloudhsu 的回复:
http://blog.csdn.net/cloudhsu/archive/2010/08/31/5852120.aspx
参考这篇
应该够详细了
或著自己下载代码来看


#1


用个DIV把大图包起来,先隐藏,点击看大图,显示这个DIV

#2


用JS实现,添加一函数,BUTTON的CLICK事件调用即可。

#3


Image控件好像在WinForm程序中才有吧!ASP.NET里边有Image控件吗?还JS呢?看都不看清楚!解决这个问题有两种方案 一种是你把图片在数据库中按字节码存放  然后再加载的时候限定大小!另外一种就是设置Image控件的显示格式!祝楼主好运!

#4


winform吗?
额外产生一个form2,里面放个picturebox,放大到原图的大小就好

#5


我用的是.NET,标准控件里面的image控件,求详解啊

#6


请教,望指点啊!

#7


这个控件非常好,试试。



网站




my blog
http://ufo-crackerx.blog.163.com/

#8


继续请教!

#9


用个DIV把大图包起来,先隐藏,点击看大图,显示这个DIV

#10


楼上的,能给个例子吗,谢谢

#11


http://blog.csdn.net/cloudhsu/archive/2010/08/31/5852120.aspx
参考这篇
应该够详细了
或著自己下载代码来看

#12


web控件的话就不想弄了....
个人很不喜欢开发web方面的东西...

#13


是winform吗?

#14


我不会····

#15


请教一下大家如果是winform的该怎么弄呢?

#16


用CSS控制图片的大小,就是写二个选择器,一个是你适合的大小,另一个是点击后的大小

#17


Win的话,原图足够清晰的话,只需要改变你的展现对象的大小即可


yourPicBox.Width = youPicBox.Width *2;
yourPicBox.Height = youPicBox.Height *2;

//注,PicBox的图像的拉伸属性要设置成ZOOM


Web的话
点击的时候弹出一个Div层,把大图放进去

#18


使用GDI+试试 .

#19


<div id="divPhotoWrapper" style="display:none;position:....."></div>

...button click="showPic('xxx.jpg')"...

function showPic(pic)
{
   var h = document.body.clientHeight;
   var w = document.body.clientWidth - 2;
   var img = "<img alt='' style='...' src='" + pic+ "'/>";
   $("#divPhotoWrapper").css("width", w).css("height", h).empty().append(img).show();
}
===============
就这么简单

#20


引用楼主 zhangjian5206 的回复:
我的图片按一定比例缩小读入到image控件中,下面有一个“查看图片”按钮Button1,点击此按钮,弹出原图!请教思路和实现方法啊!



   楼主! 找到解决方法了吗? 我现在也遇到这个问题? 求解!!!
谢谢主!!!

#21


Mark,点击,弹出放大图片

#22


#23


引用 11 楼 cloudhsu 的回复:
http://blog.csdn.net/cloudhsu/archive/2010/08/31/5852120.aspx
参考这篇
应该够详细了
或著自己下载代码来看