如何在asp.net中动态切片图像 [英] how to slice image dynamically in asp.net
问题描述
您好,
有人可以告诉我如何在asp.net中为报纸网站动态切片图像
[电子纸] Pudhari ,
哪里只有弹出窗口中显示的选定新闻以及如何从管理面板处理?
您在问题中提供的网站使用如下逻辑。
1.总纸张是一个图像。
2.它使用map
和区域
html标签来划分每个部分(新闻)图片内部到不同的部分。
看起来像下面的某个区域。
< area onmouseout = borderit(this,'white') onmouseover = borderit(this,'black') onclick = return show_pop('344178','13536937','1') href = # coords = 36.4583333333333,14.5833333333333,520.833333333334,196.875 class = borderimage shape = rect >
Cords - coords属性指定图像映射中某个区域的坐标。
3.Onclick
该区域
,它弹出并显示该图像的较大版本使用参数(''344178'','''13536937'',''1''),这些参数对于不同的新闻是不同的。
弹出的URL变得像以下...
http: //epaper.pudhari.com/details.aspx?ID=344178&boxid=13536937&pgno=1&u_name=0 [ ^ ]
参考文献 -
要做到这一点,请参阅以下ar课程和教程。
1. HTML< map>标记 [ ^ ]。
2. HTML< area>标记 [ ^ ]。
3. HTML< area> coords属性 [ ^ ]。
4. 创建HTML图像映射 [ ^ ]。
5. 如何使用HTML映射图像? [ ^ ]。
6. [工具]基本在线图像映射工具 [ ^ ]。
谢谢...
试试
http://www.rasteredge.com/how-to/vb-net-imaging / image-processing-filter / [ ^ ]
ASP.NET Image Manipulation示例:添加,缩放,放大 [ ^ ]
Hello,
Can anybody tell me how to slice image dynamically in asp.net for newspaper website like
[E-Paper]Pudhari,
where only selected news display in pop up windows and how to handle same from admin panel ?
The website you have given in your question uses logic like below.
1. Total paper is an image.
2. It usedmap
andarea
html tags to divide each part (news) inside the image to different sections.
It look something like below for one area.
<area onmouseout="borderit(this,'white')" onmouseover="borderit(this,'black')" onclick="return show_pop('344178','13536937','1')" href="#" coords="36.4583333333333,14.5833333333333,520.833333333334,196.875" class="borderimage" shape="rect">
Cords - The coords attribute specifies the coordinates of an area in an image-map.
3.Onclick
of thatarea
, it popups and shows the larger version of that image using the parameters (''344178'',''13536937'',''1'') which are different for different news.
And the URL of popup becomes like below...
http://epaper.pudhari.com/details.aspx?ID=344178&boxid=13536937&pgno=1&u_name=0[^]
References -
To do like this refer the following articles and tutorials.
1. HTML <map> Tag[^].
2. HTML <area> Tag[^].
3. HTML <area> coords Attribute[^].
4. Creating HTML Image Maps[^].
5. How to map an image using HTML?[^].
6. [Tool] Basic Online Image Mapping Tool[^].
Thanks...
Try
http://www.rasteredge.com/how-to/vb-net-imaging/image-processing-filter/[^]
ASP.NET Image Manipulation Examples: Adding, Zooming, Enlarging[^]
这篇关于如何在asp.net中动态切片图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!