本文实例讲述了jQuery实现图片预加载效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下：

超文本标记语言代码：

div class=' main ' br div class=' title '图片预加载/div class=' content ' div class=' img ' a href=' img lazyloadsrc=' http : images/1。jpg ' alt=' ' width=' 200 ' height=' 120 '/a span class=' loading '/span/div class=' img ' a href=' ' img lazyloadsrc=' http 3360 images/2。jpg ' alt=' width=' 200 ' height=' 120 '/a span class='代码：

$(function () { $('[lazyLoadSrc]').YdxLazyLoad({ onshow : function(){ $(this)).父项()。下一个()。hide()} })；});本文已被整理到了《jquery图片加载方法汇总》 ,欢迎大家学习阅读。

大家在加载图片时就会看到这种效果，现在知道是实现的过程了吧，希望大家喜欢小编分享的jQuery实现图片预加载效果。