图片预读

尽管我们可以使用CSS Sprites等各种CSS手段来避免页面交互时图片加载延时的问题,但有些情况下依然需要使用JS脚本的手段来实现图片预读。

以下是基于jQuery实现图片预读的方法(用jQuery只是为了方便,你也可以使用原生js或者其他类库),以下代码请放入js文件中或者 <script/>块里(事先请保证已加载jQuery类库):

调用的时候,使用以下代码:

如果不喜欢使用jQuery,那么可以将这个方法改写为:

姬光 2012-02-05 20:27:17
| |

你可以用原生的方法,获取图像元素,取src的值,然后分别用new Image()的方法请求一遍,则图像就都预读到本地缓存了。

阳澄湖大闸蟹 2011-08-14 11:53:08
| |

先收藏了,可能用得上哦

超人 2011-07-15 00:18:31
| |

主要是jq的效果很漂亮。

济南汇众 2011-04-26 15:06:19
| |

太强悍了!

宝佑 2011-04-25 16:12:00
| |

你网站物资太多了,减点速度会更好!

老饕 2011-04-08 14:54:34
| |

小博客都不折腾了~~我倾向于把图片放在快的服务器+优化~

宁波LED显示屏 2011-04-07 10:11:44
| |

代码应该没问题,但是这个到底是个什么样的效果啊?

多情人 2011-04-04 16:55:09
| |

呵呵 ,学习了

Louis Han 2011-04-02 21:46:55
| |

看不懂的直接用LazyLoad插件就搞定了