Web开发网 > 站内搜索 > 图片焦点图
站焦点 图 展示效果。拍拍效果淘宝效果【参数说明】 scrollcontrol：滚动的容器(元素id) . width：横向滚动一屏的距离; height：纵向滚动一屏的距离; isLR：标识横向滚动or纵向滚动(lr|tb) mode：滚动模式(slow[减速]|fast[加速]|stand[恒速]) freq：setInterval的第二个参数,设置该参数控置移动时的频率. rv：与mode协同工作.能够影响滚动速度,不同的mode,设置rv的意义不一样，可不用设置. auto：标识是否自动滚动 autotime：自动滚动间隔,毫秒为单为,默认值3000 defindex：第一次显示焦点 图 的http://www.w3dev.cn/download/20120913/taobao-paipai-image-gallery.aspx
框架的图片 展示效果，可以显示页码，图片 简要描述，图片 标题等，效果如下，效果处于切换中。具体效果到环保装饰网查看 使用方法如下，如果未指定dt，则不显示图片 描述的内容，其他tl，u，img数据位必要的 //====================类库需要的数据结构 var arrData =[ { tl: '图片 标题', u: '图片链接地址', img: '图片 地址', dt: ' 图片 简要描述'} , { tl: '图片 标题', u: '图片链接地址', img: '图片 地址&http://www.w3dev.cn/download/20120912/jquery-images-show-plugin.aspx
最近用qq截图的时候发现指定保存图片 的后缀，保存类型是空的，无下拉选项，如图 1。保存后发现直接是exe文件格式的，而且文件很大，都是上百kb大小，将exe后缀修改为jpg或者bmp等文件格式的时候可以用图片 和传真查看浏览图片 。图 1 分析：出现后缀下拉列表为空应该是由于上一次保存QQ截图的时候不小心输入了非图片 文件的后缀，如QQ截图20120903135101.exe之类的，导致qq记住了输入的后缀名称，下一次保存截图的时候就直接是上一次输入的exe后缀。图 2 解决办法：要找回QQ截图下拉后缀很简单，只需要保存的时候一起输入图片 后缀，如QQ截图20120903135101.jpg，QQ截http://www.w3dev.cn/article/20120903/qq-screenshot-can-not-assign-image-suffix.aspx
图片 搜索中,用户可以上传一张图片 ,谷歌显示因特网中与此图片 相同或者相似的图片 .比如我上传一张照片试试效果:原理讲解 参考NealKrawetz博士的这篇文章,实 现这种功能的关键技术叫做感知哈希算法(PerceptualHashAlgorithm),意思是为图片 生成一个指纹(字符串格式),两张 图片 的指纹越相似,说明两张图片 就越相似.但关键是如何根据图片 计算出指纹呢?下面用最简单的步骤来说明一下原理:第一步缩小图片尺寸 将图片 缩小到8x8的尺寸,总共64个像素.这一步的作用是去除各种图片尺寸和图片 比例的差异,只保留结构、明暗等基本信息.第二步转为灰度图片 将缩小后的图片 ,转为64级灰度图片 http://www.w3dev.cn/article/20120822/csharp-google-similar-image-search-algorithm.aspx
盖缩略图，这样用户就可以看到加载过程中的大图。(1)示例图 如上如所示，本方法的处理步骤是：1.获取照片缩略图和原图的URL，获取照片的长和宽；2.加载并显示照片缩略图，将缩略图按照片的长和宽拉伸显示，这时用户看到的是模糊的效果；3.加载并显示照片原图，将原图叠加在缩略图上面显示，原图加载多少就显示多少，没有加载的还是显示缩略图，逐步将缩略图覆盖掉，原图在加载的过程中用户看到的是照片从模糊到清晰的渐变效果。4.原图加载完后，原图已经全部将缩略图覆盖，这时用户看到的是真实的原图。此时可以隐藏缩略图防止缩略图干扰PNG或GIF等有透明效果的图片 显示。(2)示例代码!--设置照片的大小--div sthttp://www.w3dev.cn/article/20120816/javascript-image-load-Fuzzy-To-Clear.aspx
d = null; } }}; 可以看到上面必须等待图片 加载完毕才能获取尺寸，其速度不敢恭维，我们需要改进。 web应用程序区别于桌面应用程序，响应速度才是最好的用户体验。如果想要速度与优雅兼得，那就必须提前获得图片尺寸，如何在图片 没有加载完毕就能获取图片尺寸？ 十多年的上网经验告诉我：浏览器在加载图片 的时候你会看到图片 会先占用一块地然后才慢慢加载完毕，并且不需要预设width与height属性，因为浏览器 能够获取图片 的头部数据。基于此，只需要使用javascript定时侦测图片 的尺寸状态便可得知图片尺寸就绪的状态。 当然实际中会有一些兼容陷阱，如http://www.w3dev.cn/article/20120816/javascript-image-preload-get-image-size.aspx
功能描述：显示十字线在图片 上，十字线交叉中心为鼠标所在位置，十字线随鼠标移动而更改位置 查看效果点击这里 源代码如下style type=text/css#dv{position:relative;}#linex{height:1px;width:300px;position:absolute;left:0px;background:#000;overflow:hidden;display:none;}#liney{height:300px;width:1px;position:absolute;top:0px;background:#f00;overflow:hidden;displhttp://www.w3dev.cn/article/20120816/image-display-cross-line-mousemove.aspx
jpg图片 在IE浏览器中无法显示，只显示一个红x图片 ，用系统自带的Windows图片 传真查看器可以打开，Firefox等w3c浏览器也能打开这张jpg图片 。 出现这个问题是因为jpg图片 在保存的时候图像模式选择了CMYK颜色，只需要将图像模式修改为RGB颜色然后保存覆盖原来的图片 ，就可以在在IE浏览器下显示了，可能是IE浏览器只能识别RGB颜色的图片格式。http://www.w3dev.cn/article/20120515/jpg-image-can-not-display-in-IE-browser.aspx
= _toolbar.find('a'); //操作栏里面的对象 _img = _pop.find('img'); //图片 显示容器对象 _pro = _pop.find('div.pro'); //图片 加载进度条对象 _info = _pop.find('div.info'); //图片 加载信息提示对象 _ie = !!document.all; //是否为IE浏览器 _ie6 = _ie http://www.w3dev.cn/article/20120514/jquery-flash-image-real-time-loading-progress-plugin.aspx
placeholder配置，并且指定容器为window。 使用注意事项1）要实现真正的延时加载，将图片 的src设置为默认的替换图片 ，实际的图片 地址存储到自定义属性original如img src='替换的图片 地址，1px_1px' original='实际图片 地址'/2）如果没有按照第一步进行设置，那么将在下载图片 的时候中断图片下载，如果图片 大的话效果还是比较明显的，不过还是强烈建议按照第一种方法来设置3）修正了计算图片 位置的代码，如果是浮动布局，右边浮动的图片 需要拖动最下面的时候才会显示。所示布局如下================页头===========http://www.w3dev.cn/article/20120428/jquery-lazyload.aspx
C#将文本文件的内容或者文字保存成图片 //将字符串内容保存到图片 //text:字符串内容 //imageFile:图片 路径 void ConvertStringToImage(String text,String imageFile) { System.Drawing.Font drawFont = new System.Drawing.Font(宋体, 12); System.Drawing.Bitmap image = new System.Drawing.Bitmap(1, 1); System.Drawing.Graphics g = System.Dhttp://www.w3dev.cn/article/20120413/csharp-save-text-to-image.aspx
保存图片 的dll代码public class mydll{public mydll(){ this.GetType().Assembly.GetManifestResourceStream( yourDllName.yourImage.JPG );}public System.IO.Stream ReturnStream(){return this.GetType().Assembly.GetManifestResourceStream( yourDllName.yourImage.JPG );}}注意：要将图片 yourImage.JPG 修改生成方式(Build Action)为嵌http://www.w3dev.cn/article/20120408/csharp-use-save-image-in-dll.aspx
包含域名和端口ArrayListarry=Common.Cache.GetDomainValid();//取系统定义的合法的域名绑定列表isSafe=arry.Contains(domainOutter);//判断当前请求的域名是否在合法列表之内}}//下面就是不合法的时候的输出了，如果有默认替代图片 则输出，如果没有就生成一个，格式为.gifif(!isSafe){Bitmapimg=null;Graphicsg=null;MemoryStreamms=null;try{stringpicPath=ClassLibrary.RPath.GetFullDirectory("images/unlahttp://www.w3dev.cn/article/20120226/3571.aspx
ding); 2.自定义Handler.专用于处理图片 请求.此handler做这么几件事, 1.获得图片 请求的key,即上段代码中的encryptedEncoding.没有图片 key,那就哪里来送回哪里去.(友好点.给个性感图片 送过去..) 2.应该所有key都经过对称算法加密,so..解密先.. 3.判断请求是否来自本站.是本站流程进4. 否则进5 4.本站请求再做进一步筛选.查看ShareData中是否有包含此key.(ShareData是自定义的.),存在图片 的key那么清除 ShareData中此key然后正确返回请求图片 .不存在那么同步骤1一样送回去..(做ShareDahttp://www.w3dev.cn/article/20120101/asp-net-forbid-image-External-reference.aspx
最近写了几个网站的验证码图片 自动识别程序，尽管每个网站的验证码图片 都不相同，识别的方法有所差别。但写得多了，也总结出不少相同之处。今天抽 空封装出一个基础类来，发现可以很好地重复利用，编写不同的验证码识别程序，效率提高了不少。好东东不能独享，现放出来供大家共同研究，请网友们妥善用 之。 封装后的类使用很简单，针对不同的验证码，相应继承修改某些方法，即可简单几句代码就可以实现图片 识别了：+展开-C#GrayByPixels();//灰度处理GetPicValidByValue(128,4);//得到有效空间Bitmap[]pics=GetSplitPics(4,1);//分割stringhttp://www.w3dev.cn/article/20111104/csharp-distinguish-Verification-code.aspx
默认IE浏览器和火狐Firefox浏览器打印时是不打印网页的背景颜色和图片 的，需要设置浏览器开启打印网页的背景颜色和图片 ，打印或者打印预览的时候才会打印网页背景颜色和图片 图像。 IE设置：工具-》Internet选项，切换到“高级”选项卡。找到“打印背景颜色和图像”项目，勾选这个项目就可以在IE浏览器中打印网页背景颜色和图片 图像了。 FIrefox设置：文件-》页面设置，在“格式选项”选项卡。勾选"打印背景（颜色和图片 ）"这个项目,这样在Firefox浏览器中打印网页背景颜色和图片 图像了。http://www.w3dev.cn/article/20110902/print-webpage-background-color-image.aspx
.lazyload();这将会使所有的图片 都延迟加载。 当然插件还有几个配置项可供设置。1.改变threshold+展开-JavaScript$(“img”).lazyload({threshold:200}); 把阀值设置成200 意思就是当图片 没有看到之前先load 200像素。2.当然了你也可以通过设置占位符图片 和自定事件来触发加载图片 事件代码如下:+展开-JavaScript$("img").lazyload({placeholder:"img/grey.gif",event:"click"});3.可以通过定义effect 参数来定义一些图片 显示效果代码如下:+展开-JavaSchttp://www.w3dev.cn/article/20110816/jquery-lazyload-image.aspx
jquery图片 插件，jquery图片 局部放大浏览插件。使用方法请查看示例。效果如下jqury类库去这里下载，里面未包含jquery类库jquery-1.4.2.min.js下载http://www.w3dev.cn/download/20110711/jquery-plugin-circular-image-zoom.aspx
现的图片 卷帘切换效果，上下左右都可以切换，兼容IE，ff，chrome，和javascript图片 翻页切换效果很接近，稍微修改了一些样式和一些脚本代码。cfg配置说明w： 容器宽，不设置默认500pxh： 容器高，不设置默认为500pxdelay： 触发器间隔，默认10msstep： 切换时每次的移动的距离，默认20pxchrDelay：自动播放间隔时间，如果不传递这个值，将不会自动播放topLeft： 被移动的层距离要显示的层的距离，默认10pxzIndex： 层垂直显示循序，默认100data： 数组，对应容器的内容guider: 是否显示数字导航条，默认为false。如果只有一张图片 设置http://www.w3dev.cn/download/20110328/javascript-photo-roll-up-effect.aspx
间隔，默认10msstep： 切换时每次的移动的距离，默认20pxchrDelay：自动播放间隔时间，如果不传递这个值，将不会自动播放topLeft： 被移动的层距离要显示的层的距离，默认10pxzIndex： 层垂直显示循序，默认100dir: 切换方向，从左边切换还是右边，从上还是下，默认左边到右边1，右边到左边为2，上到下3，下到上4，注意右边的时候水平导航条可能会出现data： 数组，对应容器的内容guider: 是否显示数字导航条，默认为false。如果只有一张图片 设置为true也不会出现导航条guiderdir:导航在左下角1或者右上角2，默认左下角1，如果不显示导航可以忽略此参数http://www.w3dev.cn/download/20110322/photo-turn-page.aspx
一个不错的jquery图片 浏览插件，插件来源：http://fancybox.net，具体使用方法请查看示例代码。效果如下http://www.w3dev.cn/download/20110318/jquery-plugin-fancybox-photo-gallery.aspx
http://www.w3dev.cn/download/20110301/jQuery-plugin-visuallightbox.aspx
如果能将图片 转换为base64编码，结合图片 的新写法data:images/gif;base64,base64数据，就能使用ajax请求动态页获取base64编码，然后设置img为base64编码即可实现ajax无刷新获取图片 信息了。 一般意义上是不需要使用ajax来获取图片 信息的，用JavaScript设置img标签的src属性即可实现无刷新获取到图片 ，只是浏览器会出现进度条而已。如果要想使用ajax来无刷新获取图片 信息，并且更新img标签，就需要动态页将图片 编码为base64返回，然后ajax获取返回的信息设置img的src为data:images/gif;base64,base64http://www.w3dev.cn/article/20110214/asp-net-csharp-image-base64-change.aspx
你清楚没。这实际就是一种新写法。原理和以往不同。以往的图片路径写法是：background-img:url(../image/xxx.gif)图片 需要加载服务器指定路径下的对应gif文件。新写法就是：background-image: url(data:image/gif;base64,AAAA)图片 本身就已经以ASCII的形式存在了文档中，只需要浏览器进行编译就可以了。新写法将图片 写入文档中，可以减少客户端对服务器的请求。换句话讲，原来我们要加载图片 ，是从服务器下载。现在浏览器直接把那一串ASCII按照你的文件类型进行编译就可以出来结果了。但是也会有问题，ie8貌似不兼容。来源：http:http://www.w3dev.cn/article/20110214/image-data-image-datatype-base64.aspx
在IE浏览器下，如果图片 加了链接，并且同时需要给图片 加热点的时候，链接会失效，无法点击，⊙﹏⊙b汗测试代码如下+展开-HTMLahref="//"imgsrc="//logo.jpg"border="0"usemap="#Map"/mapname="Map"id="Map"areashape="rect"coords="5,18,85,29"href="mailto:shaobo@chinabn.org"//map/aIE的bug还真多。没办法，只好用事件来解决这问题了，修改好的代码如下+展开-HTMLahref="//"onclick="if(document.all&&event.srcEhttp://www.w3dev.cn/article/20101222/IE-image-exist-hot-spot-and-link-cause-link-failure.aspx
有图片 ，而又不希望从别人的服务器下载图片 ，这是如果图片 比较多，那么一张张保存后重新上传到服务器就会很麻烦。而且有些时候别人的图片 是通过动态页面加载，加了防盗链时，粘贴到自己的网站就会显示防盗链的图片 。 今天自己鼓捣了下，弄了一个远程图片 自动上传到服务器的ajax+ashx下载远程图片 的程序，发现即使是加了防盗链的动态页面加载的图片 也能下载原图下来【QQ空间的测试通过，其他的暂时不知道】，省心了很多。 原理如下 1）ajax方面：用document.getElementsByTagName获取到img标签，然后判断src是否为远程图片 ，如果是则搜集图片 的url地址，并且保存这些远程图片 的http://www.w3dev.cn/article/20101216/web-html-editor-remote-images-auto-upload.aspx
//从视频文件中抓取的图片 路径///成功:返回图片 虚拟地址;失败:返回空字符串publicstringChangeFileVir(stringfileName,stringplayFile,stringimgFile){//取得ffmpeg.exe的路径,路径配置在Web.Config中,如:stringffmpeg=Server.MapPath(PublicMethod.ffmpegtool);if((!System.IO.File.Exists(ffmpeg))||(!System.IO.File.Exists(fileName))){return"";}//获得图片 和(.flv)文件相对http://www.w3dev.cn/article/20101122/2951.aspx
，发现iframe编辑在IE下如果重新设置图片 的长或者宽，会出现图片 等比缩小或者放大的问题。 起因：由于iframe编辑器中，如果Firefox插入flash对象或者embed标签，不会显示在iframe编辑器内，即使设置了embed标签的或者宽，也不会占用位置，这样在Firefox下就无法查看视屏动画文件占用的位置了，比较方便。 后面参考了ewebeditor的动画插入功能，不直接插入embed标签，而是使用一张空白的图片 代替，给空白图片 设置背景图片为动画的logo图片 。在获取代码的时候将视屏图片 替换为embed标签。 但是在修改视屏替代图片 的长或者宽的时候，发现在IE下竟然会等比缩http://www.w3dev.cn/article/20101026/2912.aspx
图片 防盗和图片 防盗链有什么区别呢?图片 防盗: 是不想自己的图片 被别人使用。图片 防盗链: 是不想自己的图片 被别人使用，且消耗的是自己的服务器流量。 图片 防盗是困难的，完美的图片 防盗那几乎是不可能的。但还是有很多方法能够减少图片 盗用，下面是10种，选一种你喜欢的吧。隐藏图片 使用空白图片 覆盖真实图片 这个方法可以让别人无法获取真实的图片 ，除非查看源代码。你可以把真实的图片 做为背景图片，而使用一张透明图片 匹配尺寸并覆盖到真实图片 上面。例如:div id="image1" style="background-image: url(originalImage.jpg);"img src="blank.http://www.w3dev.cn/article/20100928/2881.aspx
jpg|jpeg|png)$ /block.gif [I,O,N] 解释说明： a.上面规则第三行中的www.abc.net为你网站的域名，请根据实际情况作出相应的修改，里面的baidu.com 和google.com是为了不阻止搜索引擎蜘蛛抓取图片 。 b.第四行中的/logo.gif和2_fies/logo_tg.gif为你的logo图片 的地址，目的是允许别人友情链接使用你的logo，如果不需要可以去掉"(?!(/logo\.gif|/2_files/logo_tg\.gif))"。后面的gif jpg等等可以自己根据实际情况修改。 另修改规则无需重启iis，只需要修改httpd.http://www.w3dev.cn/article/20100928/2885.aspx
首页 上一页 [1] [2] [3] [4] [5] 下一页 尾页 3/5页，每页显示30条，共127条相关记录
