为了账号安全,请及时绑定邮箱和手机立即绑定
经实践,这个Demo不能用本地图,加载太快了,压根看不出来加载过程,建议使用网络上那种几兆的大图试,效果非常明显。
上一张下一张不能点击生效的,把所有代码写在$(function(){})里边试试。
支持老师!
不错不错,感谢老师分享
面向对象方式编写 jquery 插件。
无序预加载
有序预加载

已采纳回答 / jsweidy
将实际地址,也就是数组里的每一项,赋值给imgObj的src属性。简单说明,imgObj.src =src 这句话里,第一个src是给 imgObj 添加 src 属性, 第二个 src, 是 $.each('',function(i,src){}) 遍历循环中function函数的第二个参数
确实有点催眠 ,哈欠连天
老师这个地方借助例子说了一下事件冒泡,解决我好久的困惑,明白了,谢谢老师
一句名人名言来结束这个课程……我一定还会回来的

最新回答 / 武慕林
 $.preload(imgs, {        all: function() {          var html = "";          html += '<ul class="list">';          for(var i=0; i<len; i++) {            html += '<li><img src="' + imgs[i] + '" alt="" /></li>';          }        ...

已采纳回答 / 武慕林
图片预加载顾名思义图片预加载就是在网页全部加载之前提前加载图片。当用户需要查看时可直接从本地缓存中渲染以提供给用户更好的体验减少等待的时间。否则如果一个页面的内容过于庞大没有使用预加载技术的页面就会长时间的展现为一片空白这样浏览者可能以为图片预览慢而没兴趣浏览把网页关掉这时就需要图片预加载。当然这种做法实际上牺牲了服务器的性能换取了更好的用户体验。图片懒加载缓载延迟加载图片或符合某些条件时才加载某些图片。这样做的好处是减少不必要的访问数据库或延迟访问数据库的次数因为每次访问数据库都是比较耗时的即只有真正使...
没明白 最后的 imgObj.scr = src 这句;
课程须知
1、HTML和CSS基础知识 2、JS面向对象的基础知识
老师告诉你能学到什么?
1、利用图片的预加载技术获得更好的用户体验 2、什么是有序预加载和无序预加载,以及在什么情况下使用它们 3、jQuery插件的写法

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消