给博客图片加上双保险

有米有实力的WordPresser买的主机储存空间大、流量大,图片放在主机上,图片与博客共存亡。而们这些没米的只能用外链的图片的。其实外链图片本也应该用得安安心心,可在中国还得考虑到那堵墙。与其亡羊补牢,还不如未雨绸缪,为您博客上的图片加上双保险。

操作起来其实很简单,只需找两个支持外链的图片储存空间(我选择Skydrivephotobucket),图片一式两份分别储存,然后加上一小段代码。

一般情况我们要插入一张图片,代码是这样的:

<img src="http://qwqajg.blu.livefilestore.com/y1pt3wCg4kXQjF5Wkgmh3G1J5eV3-Dm2xH5oKKo3ctdSagxWE2NZffNLBOotRc-rMBvaFu0D8_yVHbCKXyVFddEGKlRg7LhC9g5/Mpxplay.png" />

而用下面的代码,则可以让第一张图片挂了之后,自动切换到第二张图片。你可以复制下面的代码试试看。

<img onerror="this.src='http://qwqajg.blu.livefilestore.com/y1pt3wCg4kXQjF5Wkgmh3G1J5eV3-Dm2xH5oKKo3ctdSagxWE2NZffNLBOotRc-rMBvaFu0D8_yVHbCKXyVFddEGKlRg7LhC9g5/Mpxplay.png'" src="这是一个错误的图片链接" />

使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。更多内容请参考:JavaScript onerror 事件

3条评论 @ 给博客图片加上双保险

发表回复

 

 

 

你可以使用如下 HTML标签 | 表情

:wink: :roll: :oops: :lol: :cry: :?: :-| :-x :-o :-P :-D :-? :) :( 8-O 8)

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>