&head&runat="server"&&script&type="text/javascript"&src="script/jquery-1.3.2-vsdoc2.js"&&/script&&&&&&link&href="css/btn.css"&&type="text/css"&rel="Stylesheet"&/&&&&&&title&&/title&&&/head&&body&&&&&&form&id="form1"&runat="server"&&&&&&div&&&&&&&&&&asp:FileUpload&ID="FileUp"&runat="server"&CssClass="green1"&/&&&&&&&&&&asp:Button&ID="btnUp"&runat="server"&Text="上传"&CssClass="green1"&&&&&&&&&&&&&onclick="btnUp_Click"&/&&br&/&&&&&&&&&&asp:Panel&ID="Panel1"&runat="server"&&&&&&&&&&/asp:Panel&&&&&&&&&&&&&&asp:Image&ID="ImShow"&runat="server"&ImageUrl="Images/3f76deb8623b1.jpg"&Width="<span style="color: #0px"&&/&&&&&&/div&&&&&&&&&script&&type="text/javascript"&&&&&&&&&&&&&&&&&&&var&$ur&=&$("#ImShow").attr("src")&&&&&&&&&&&$("image[src*='ico']").hover(function()&{&&&&&&&&&&&&&&&var&$url&=$(this).attr("src");&&&&&&&&&&&&&&&$("#ImShow").attr("src",&$url);&&&&&&&&&&&},&function()&{&&&&&&&&&&&&&&&$("#ImShow").attr("src",&$ur);&&&&&&&&&&&&&&&&&&&&&&&&&&});&&&&&&&&&&&&&&&&&&&&&&/script&&&&&&/form&&/body&&/html&
&&public&void&QueryIco()&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&string&path&=&Server.MapPath("~/Images");&&&&&&&&&&&&DirectoryInfo&dirinfo&=&new&DirectoryInfo(Server.MapPath("~/ico"));&&&&&&&&&&&&FileInfo[]&files=dirinfo.GetFiles("*.jpg");&&&&&&&&&&&&foreach&(FileInfo&file&in&files)&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&System.Web.UI.WebControls.Image&im&=&new&System.Web.UI.WebControls.Image();&&&&&&&&&&&&&&&&im.ImageUrl&=&"ico/"+file.N&&&&&&&&&&&&&&&&this.Panel1.Controls.Add(im);&&&&&&&&&&&&&&&&if&(Panel1.Controls.Count&%&<span style="color: #==<span style="color: #)&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&//使Panel中动态换行&&&&&&&&&&&&&&&&&&&&this.Panel1.Controls.Add(new&LiteralControl("&BR&"));&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&}&&&&&&&&protected&void&btnUp_Click(object&sender,&EventArgs&e)&&&&&&&&{&&&&&&&&&&&&//得到上传的路径&&&&&&&&&&&&string&path&=&Server.MapPath("Images/");&&&&&&&&&&&//得到应用程序虚拟路径&&&&&&&&&&&//&string&path1&=&ApplicationPath&+&"/Images/";&&&&&&&&&&&&string&path2=Server.MapPath("~/ico/");&&&&&&&&&&&&string&type&=&System.IO.Path.GetExtension(FileUp.FileName).ToLower();&&&&&&&&&&&&&if(FileUp.HasFile)&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&if&(type&!=&".jpg")&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&Response.Write("&script&alert('文件类型不正确！')&/script&");&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&else&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&string&filename&=&this.FileUp.FileN&&&&&&&&&&&&&&&&&&&&&&&&if&(FileUp.PostedFile.ContentLength&&&<span style="color: #24&*<span style="color: #*<span style="color: #24)&&&&&&&&&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&Response.Write("&script&alert('文件不能大于2M！')&/script&");&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&else&&&&&&&&&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&FileUp.SaveAs(path+FileUp.FileName);&&&&&&&&&&&&&&&&&&&&&&&&&&&&this.ImShow.ImageUrl&=&"Images/"&+&FileUp.FileN&&&&&&&&&&&&&&&&&&&&&&&&&&&&MakeSmallImg(FileUp.PostedFile.InputStream,&path2&+&filename,&<span style="color: #0,&<span style="color: #0);&&&&&&&&&&&&&&&&&&&&&&&&&//&&&Response.Write("&script&alert('"+path1+"！')&/script&");&&&&&&&&&&&&&&&&&&&&&&&&&&&&QueryIco();&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&}&&&&&&&&//&按模版比例生成缩略图（以流的方式获取源文件）&&&&&&&&//生成缩略图函数&&&&&&&&//顺序参数：源图文件流、缩略图存放地址、模版宽、模版高&&&&&&&&//注：缩略图大小控制在模版区域内&&&&&&&&public&static&void&MakeSmallImg(System.IO.Stream&fromFileStream,&string&fileSaveUrl,&System.Double&templateWidth,&System.Double&templateHeight)&&&&&&&&{&&&&&&&&&&&&//从文件取得图片对象，并使用流中嵌入的颜色管理信息&&&&&&&&&&&&System.Drawing.Image&myImage&=&System.Drawing.Image.FromStream(fromFileStream,&true);&&&&&&&&&&&&&&&&&&&&&&&//缩略图宽、高&&&&&&&&&&&&System.Double&newWidth&=&myImage.Width,&newHeight&=&myImage.H&&&&&&&&&&&&//宽大于模版的横图&&&&&&&&&&&&if&(myImage.Width&&&myImage.Height&||&myImage.Width&==&myImage.Height)&&&&&&&&&&&&{&&&&&&&&&&&&&&&&if&(myImage.Width&&&templateWidth)&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&//宽按模版，高按比例缩放&&&&&&&&&&&&&&&&&&&&newWidth&=&templateW&&&&&&&&&&&&&&&&&&&&newHeight&=&myImage.Height&*&(newWidth&/&myImage.Width);&&&&&&&&&&&&&&&&}&&&&&&&&&&&&}&&&&&&&&&&&&//高大于模版的竖图&&&&&&&&&&&&else&&&&&&&&&&&&{&&&&&&&&&&&&&&&&if&(myImage.Height&&&templateHeight)&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&//高按模版，宽按比例缩放&&&&&&&&&&&&&&&&&&&&newHeight&=&templateH&&&&&&&&&&&&&&&&&&&&newWidth&=&myImage.Width&*&(newHeight&/&myImage.Height);&&&&&&&&&&&&&&&&}&&&&&&&&&&&&}&&&&&&&&&&&&//取得图片大小&&&&&&&&&&&&System.Drawing.Size&mySize&=&new&Size((int)newWidth,&(int)newHeight);&&&&&&&&&&&&//新建一个bmp图片&&&&&&&&&&&&System.Drawing.Image&bitmap&=&new&System.Drawing.Bitmap(mySize.Width,&mySize.Height);&&&&&&&&&&&&//新建一个画板&&&&&&&&&&&&&&&&&&&&&&&&System.Drawing.Graphics&g&=&System.Drawing.Graphics.FromImage(bitmap);&&&&&&&&&&&&//设置高质量插值法&&&&&&&&&&&&g.InterpolationMode&=&System.Drawing.Drawing2D.InterpolationMode.H&&&&&&&&&&&&//设置高质量,低速度呈现平滑程度&&&&&&&&&&&&g.SmoothingMode&=&System.Drawing.Drawing2D.SmoothingMode.HighQ&&&&&&&&&&&&//清空一下画布&&&&&&&&&&&&g.Clear(Color.White);&&&&&&&&&&&&&&&&&&&&&&&&//在指定位置画图&&&&&&&&&&&&g.DrawImage(myImage,&new&System.Drawing.Rectangle(<span style="color: #,&<span style="color: #,&bitmap.Width,&bitmap.Height),&&&&&&&&&&&&new&System.Drawing.Rectangle(<span style="color: #,&<span style="color: #,&myImage.Width,&myImage.Height),&&&&&&&&&&&&System.Drawing.GraphicsUnit.Pixel);&&&&&&&&&&&&///文字水印&&&&&&&&&&&&//System.Drawing.Graphics&G=System.Drawing.Graphics.FromImage(bitmap);&&&&&&&&&&&&//System.Drawing.Font&f=new&Font("宋体",10);&&&&&&&&&&&&//System.Drawing.Brush&b=new&SolidBrush(Color.Black);&&&&&&&&&&&&//G.DrawString("myohmine",f,b,10,10);&&&&&&&&&&&&//G.Dispose();&&&&&&&&&&&&&///图片水印&&&&&&&&&&&&//System.Drawing.Image&copyImage&=&System.Drawing.Image.FromFile(System.Web.HttpContext.Current.Server.MapPath("pic/1.gif"));&&&&&&&&&&&&//Graphics&a&=&Graphics.FromImage(bitmap);&&&&&&&&&&&&//a.DrawImage(copyImage,&new&Rectangle(bitmap.Width-copyImage.Width,bitmap.Height-copyImage.Height,copyImage.Width,&copyImage.Height),0,0,&copyImage.Width,&copyImage.Height,&GraphicsUnit.Pixel);&&&&&&&&&&&&&//copyImage.Dispose();&&&&&&&&&&&&//a.Dispose();&&&&&&&&&&&&//copyImage.Dispose();&&&&&&&&&&&&&//保存缩略图&&&&&&&&&&&&bitmap.Save(fileSaveUrl,&System.Drawing.Imaging.ImageFormat.Jpeg);&&&&&&&&&&&&g.Dispose();&&&&&&&&&&&&myImage.Dispose();&&&&&&&&&&&&bitmap.Dispose();&&&&&&&&}&
阅读(...) 评论()移动设备上何时何地使用列表缩略图
一个我们经常从课程的受众和听众那里听到的问题是，要不要在移动设备的设计中把列表加上缩略图；如果加的话，是否要将这些缩略图放在主要文本的左边或右边。不出所料，这是个没有一刀切答案的问题，但总是有指引，来协助我们确定在各种不同情况下的最佳行动方针。
Is the Image Helpful?
图片是否有帮助?
不要以为，只要你有一部分或者甚至所有列表项目的图片可用，你就绝对应该展示它们。
首先要考虑图片是否将帮助用户决定他们应该从列表中选择哪一个项目。更重要的是: 问问你自己，用户是否能够只通过这些图片作为使用时的导航。如果图片完全不能单独存在(要么因为它小到无法区分相关细节，或者是它只是一张通用的股票走势图)，那就消除它。
例如，Teavana 移动网站上 (见下图) 给出了各种茶的缩略图，是不太可能帮助用户决定哪些茶能符合他们的口味，因为在这样小尺寸的图片里是很难看到茶叶的的细节和其他成分。你所采用的缩略图所占据的屏幕空间应该用于更好的文本信息，比如品茶的笔记或咖啡因含量— —它们能帮助用户做出信息驱动的导航选择，但这些信息当前仍埋藏在各个详细信息页面上。Teavana的移动网站上茶的缩略图上是没有太大意义的: 用户不可能使用他们得到的视觉信息来选择一种茶，因为在这些视图里这些信息都看起来基本上是一样的。
相反，如果单独的文本也会使用户难以选择适当的项目，那么缩略图也应以某种形式包含在列表中。这是零售业和服务业里最常见到的情况，用户大部分是被美学信息驱动的: 两者间的区别比如说两件衣服，往往通过图片最好解释— —即使是小图片。当然，如果列表内容主要是视觉性的(例如，视频或照片)，那么在浏览页面里图片应该绝对优先考虑，如何帮助导航，并保证缩略图够大，或者根据的多少需要显示的关联文本使用一个基于网格的布局。
Placement: Left or Right?
位置：左还是右？
如果你已经决定要包括列表项的缩略图，下一个问题你可能会问应该在哪里放。若要确定放在关联文本左边还是右边的位置，请权衡对比图片和列表项中提供的文本信息。视觉性的信息是用户浏览的列表信息中最重要的一块吗?还是说图片只是辅助工具?
如果图像对于在列表中选择一项是必要条件，将其放在左边 (这指从左到右书写的语言中，如果在从右向左的设计中只需镜像一下这些建议)，以帮助用户通过有缩略图的列表快速筛选，而不必看文本。否则，如果图片的重要性次于文本，将它放在说明文本右边的位置。
图片相对关联文本的优先级也应该用来决定缩略图的大小。越不重要的图片可以越小。但是，请记住，如果缩略图太小了，它将不再可识别或者可用 (要缓解此问题，使用裁剪和缩放的组合来减小图像大小，而不是只按比例缩小)。另一方面，太大的缩略图可能会不适当地分散用户注意力，使其注意不到其他有关信息，或导致关联的文本出问题(例如，字体大小可能需要减少到难以辨认的大小或可能需要截断描述——这两者对于用户体验都是很大的危胁)。同时也请记住，较大的图片加载时间也更长——缓慢的加载速度极有可能导致用户的不悦。
（当用户挑选酒店的时候，用户对其地点的美学信息感兴趣，所以酒店的缩略图是有用的，虽然相比其他文本信息，例如价格和酒店评级，就可能显得不那么重要。左图: Tonight酒店的缩略图是足够大，可以辨别细节，但酒店名称被截断而不是换行。右图:给了文本更多的空间，但它显示的缩略图太小了，很难有什么用。）
另一个可以帮助你选择放置缩略图位置的因素是，你是否总是能让所有列表项配上适当的图片。如果你不能保证每个列表项都包含有各自的图像，就把缩略图置于右边，以支持靠文本浏览。这样就能保证文本向左对齐，用户便能够沿着屏幕的左边移动视线，来确定当前页的哪一项是最有趣的。
（左图: 在洛杉矶时报移动网站的底部三个缩略图都太小，无法辨认也无法吸引读者，并且每个故事都必须包含图片，因为它采用图片左对齐的布局方式。右图: 纽约时报移动网站上使用的缩略图的右对齐放置，将允许有遗漏的缩略图。在视觉性信息具有最大影响力的情况下，就应该相应采用全尺寸宽度的图片。）
Conclusion
要确定图像的相对重要性，要进行用户态度研究，比如调查或访谈，深入了解您的用户喜好等。一旦可以定义图像的优先级，就容易决定理想的缩略图位置。
（何时何地在手机上显示列表缩略图的决策树）
像往常一样，请务必使用纸上原型来测试那些潜在的新布局，以便在投入太多的时间和金钱之前，确保你正沿着正确的道路前进。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章移动端缩略图设计攻略 - 简书
移动端缩略图设计攻略
在列表中使用缩略图，这样一个简单的需求，看似平淡无奇的设计，也有如此多的细节和原理可以挖掘。原文中推敲的过程非常值得学习和借鉴，特此选为2015最后一译（我会告诉你们我是看上它翻起来简单么...哼...）阅读原文请戳本文为原创译文，如需转载请联系作者，注明简书原文地址。-----------------我是分割线----------------我们常常从客户或者来参加我们培训的人那儿听到这样一个问题，“在移动端的列表设计中，是加图片缩略图好呢，还是不加好呢？那如果加的话，是放在文字的左边好呢，还是右边好啊？”不用我说，这可不是个一刀切就回答得了的问题，但是如何在不同情况下找到最好的解决办法可是有据可循的。图片是否有用？你可别因为列表项有图可配，就觉得理所应当要展示出图片。首先想一想图片是否对指引用户选择列表中的条目有帮助。更好的检验方法是问问自己如果只通过图片你是否能够找到自己想要的东西。如果答案是否的话（也许是因为图片过小以至于看不清细节或是因为这些只是再普通不过的通用图片），那么请果断放弃吧。举个栗子，下图Teavana移动端网页的设计中，列表中的缩略图似乎并不能帮助用户选择茶叶，因为在如此小的一张图中，用户根本无法看清茶叶的细节以及其他材料的情况。被图片占用的这部分空间，如果用作展示一些独特的信息会更好，例如描述一下该品种茶叶的口味或者咖啡因含量——这样的内容是能够帮助到用户去做出选择的，然后现在却被深埋在了下一层的详情页中。
Teavana移动端网页茶叶缩略图并没有什么卵用：用户无法通过这种级别的视觉信息去选择他们想要的茶叶，因为在这样的视图下，它们本质上没有任何区别。
相反，如果仅凭借文字，用户很难做出合适的选择（至少在不来回跳转页面的情况下），那么设计中就应该考虑使用缩略图。这种情况多发生在商品或是服务购买中，用户往往都被喜好情绪主导，比方说两条裙子，它们之间的差别估计也只能靠图片来说明了——哪怕是再不起眼的图片。当然，如果列表的内容本身就是可视化的（比如视频或是照片），那么缩略图用于帮助用户浏览页面和导航是再合适不过了，确保使用足够大的缩略图，或是保证相关必要文字展示的基础上使用宫格排版。那位置呢：左还是右？一旦决定要在列表中使用图片缩略图，那么问题来了，放在哪呢？缩略图应该放在说明文字的左边还是右边，应当取决于图片与文字信息的权重比较。究竟图片是用户浏览列表的最重要信息？还是只是辅助的信息？如果图片使用户浏览列表的首要因素，那么将它放在左边（适用于从左至右阅读习惯的语言，如果是从右至左阅读习惯的语言，就反过来），这样能帮助用户在浏览列表是快速的过滤查找。反之亦然，如果图片相对于文字次要一些，那么就将图片放在文字的右边。图片相对于文字的优先程度同样也应当用于决定缩略图设计的尺寸。图片越不重要，尺寸就应当越小。然而，需要注意的是，如果缩略图过小的话，识别性就会大大降低，甚至失去在列表中存在的作用（在减小图片尺寸的处理中，可以同时使用剪切和缩放，这样可以缓解由于过度缩放造成的识别性问题）。从另一方面来说，过大的缩略图一定程度上也会不合时宜的吸引用户过多的注意力，或是引入相关说明文字的设计问题（例如，为了显示出完整的说明文字，字体大小有可能会受到影响变得难以辨认，或者保证阅读效果的前提下，说明文字可能无法全部显示出来——这些都是对体验的伤害）。还有，大图片需要更多的加载时间——这也是不容忽视的问题。
用户在选择酒店时，对酒店的实际环境十分在意，所以缩略图是很重要的，哪怕它相对于其他一些信息例如价格或是酒店星级要次要一些。左图：Hotel Tonight中的缩略图的尺寸足以让用户识别细节，但是酒店的名字却被截断了。右图：的设计中，给予文字区域更多的空间，然后缩略图却小到几乎没有任何作用。
另一个能帮你决定将缩略图放在哪儿的因素是，对于列表中的所有项目，是否都有合适的图片。如果没有的话，可以把缩略图放在右边，用于辅助文字信息。这样能确保文字都是左对齐的，而用户的视线流就可以沿着左侧往下，帮助用户更快的找到感兴趣的内容。
左图：LA Times' 最下面的三张缩略图都太小以至于无法辨认图片中的细节，也无法吸引用户，可是受到设计模式的影响，每一条新闻都必须在左侧配一张图片。右图：New York Times则使用了右对齐的缩略图设计，没有合适缩略图的时候还可以不显示。当可视化在新闻的传播中占据主导因素时，还可以使用全尺寸的图片。
结论如何决定相关图片的重要程度，可以引入一些例如问卷或访谈这样的调查用户态度型的研究，洞察用户的倾向。一旦图片的优先级确定了以后，缩略图的设计方案就很容易决定了。
缩略图使用攻略
最后要一如既往地安利纸模的设计方法，请确保使用纸面原型去尝试不同的布局，以防在找到正确的道路前浪费过多的时间和开销。-----------------我是分割线----------------本文为原创译文，如需转载请联系作者，注明简书原文地址。
用户体验总监@点融网 | 欢迎关注个人微信公众账号“开卷有译”，获得用户体验翻译分享win7旗舰版系统任务栏鼠标移动不显示缩略图只显示文字
作者：佚名
字体：[ ] 来源：互联网 时间：08-05 15:21:03
win7里面有一个任务栏缩略图预览的功能，只要我们将鼠标移动到任务栏相应的窗口中，就会弹出缩略图预览，有用户反映任务栏不能显示缩略图只显示文字，有关这个问题的解决方法如下
雨林木风win7旗舰版系统任务栏不能显示缩略图只显示文字怎么办分享给大家，使用win7系统的用户应该都知道，win7里面有一个任务栏缩略图预览的功能，只要我们将鼠标移动到任务栏相应的窗口中，就会弹出缩略图预览而不用切换窗口就能够看到内容，不过有不少用户反映说任务栏不能显示缩略图只显示文字，这是怎么回事呢？具体解决方法如下。
原因查找：
1、首先尝试开启 Aero Peek 预览效果，方法是：点击开始&控制面板&个性化&点击&解决透明度和其他Aero效果问题&，然后点击下一步，让系统自检找原因。
2、如果个性化中这个:&解决透明度和其他Aero效果问题&菜单没有的话，可以在开始菜单的&搜索程序和文件&或者&帮助和支持&的搜索框中输入：Aero 就会有解决问题的链接，点开它就能自动检测；
3、一番搜索检测之后，证实是透明效果的 Aero 未开启。
4、接着点击&开始&控制面板&系统&设备管理器&显示适配器&，可以看到显卡驱动显示：标准VGA图形适配器，问题是显卡没有使用匹配的驱动程序；
解决方法：
1、首先鼠标右键点击显卡驱动&更新驱动程序，如有购机时附带的驱动光盘，那就是最合适的驱动程序；
2、如果没有附带的驱动程序光盘的话，也可以到品牌机的官网去下载这个显卡型号的驱动程序（和操作系统匹配），还可以使用自动更新驱动程序的软件，比如驱动精灵等软件也行；
3、然后使用备份的驱动程序还原一下即可；
4、再回到设备管理器中查看，公版的显卡驱动已经被有显卡型号的驱动替换了。
5、更新显卡驱动之后，重启电脑，然后勾选任务栏上的 Aero Peek 预览桌面，就会发现任务栏的缩略图出现了哦。不过也有用户将显示的分辨率降低之后，显示缩略图的功能就恢复了。
关于雨林木风win7旗舰版系统任务栏不能显示缩略图只显示文字怎么办就跟大家分享到这里了，遇到这样问题的朋友们可以试试看哦，希望能帮助大家解决这个问题
大家感兴趣的内容
12345678910
最近更新的内容