Html有一个onerror的用法,可以判断图片存在时,使用预设图片。

<!-- 当src的图片不存在时,使用onerror的图片来显示 -->
<img src="uploadlogo1.jpg" onerror="this.src='nopic.gif'" />

<!-- 判断src的图片是否存在,是则用onload显示'图片存在',否则用onerror显示'图片不存在' -->
<img src="uploadlogo.jpg" style="display: none;" onerror='alert("图片不存在")' onload='alert("图片存在")' />


如果用户的浏览器速度很慢,网页设计者可以在页面中为其插入一张低分辨率的图像供显示。

基本语法
<img   lowsrc= "低分辨率图片" src="高分辨率图片">

lowsrc属性可设置或返回分辨率比较低的图片的URL
IE8  IE7  IE6 ,FF3  FF2 , Saf3 , Op9 , Chrome  都支持这个属性。

usemap是设置图片的热区,
这样一张图片就可以分割成不同的区域,然后分别设置链接。
手动设置非常麻烦,
因为你需要知道这个区域在图片上的坐标,
可以借助软件来实现热区设置,这样就编程了在图片上画出一个区域就可以了,比如Dreamweaver软件。

lowsrc是设置低分辨率图片,当高分辨率图片还没加载完成时,可以先加载低分辨率图片显示,BAIDU空间中的相册就使用了这样的功能。

 

 

 

交错GIF和渐进JPEG
JPEG、GIF和JPEG这三种图像格式都提供了一种功能,让图像能够更快地显示。图像可以以一种特殊方式存储,显示时先大概显示图像的草图,当文件全部下载后再填充细节。这起到一种很有意义的心理效果,因为这样使人们有东西可看,而不必坐着干等大型图像慢慢显示在屏幕上。

以这种方式保存的文件称为交错GIF、交错PNG或渐进JPEG。尽管叫法不同,但这三种格式的视觉效果类似。交错GIF或交错PNG文件首先是一块一块地显示,下载完后再填补更多的细节。同样,渐进JPEG文件首先是模糊的,然后渐渐清晰起来。

大多数可以处理GIF文件的图像软件都将图像保存为交错或非交错的。例如,在Paint Shop Pro中,可在保存GIF文件前在Save As对话框中单击Option按钮,然后选择单选按钮Version 89a和Interfaces(89a是最新的GIF版本)(见图7.11)。PNG也提供了类似的选项,允许在Save As对话框中指定存为交错的还是非交错的。

要保存为渐进JPEG文件,选择Save As(或Save Copy As),然后选择图像类型JPG JPEG,单击Options按钮,并选择Progressive Encoding而不是Standard Encoding。现在网页上使用的许多较大的GIF和JPEG 图像都是交替和渐进,给Web用户以更好的图像浏览体验。

 

相关文章:

  • 2021-05-05
  • 2021-11-18
  • 2021-11-04
  • 2021-06-10
  • 2021-11-14
  • 2021-12-27
  • 2021-11-02
猜你喜欢
  • 2021-11-18
  • 2021-08-03
  • 2021-11-18
  • 2021-11-28
  • 2021-11-18
  • 2021-11-02
  • 2021-11-30
  • 2021-10-08
相关资源
相似解决方案