文档章节

jQuery中图片异步加载的简单顺序处理

小麒麟的胡言乱语
 小麒麟的胡言乱语
发布于 2016/05/16 16:26
字数 174
阅读 39
收藏 9
if( productImgs.length > 0 )
		{
			var que = [];//生成一个新数组,用于比较异步队列中的循环个数
			for(var i = 0;i < productImgs.length;i++)
			{
				var img = new Image();
				img.onload = function()
				{

					que.push({src:this.src,title:this.title});//将图片预加载并将其属性存于数组中
					if(que.length == productImgs.length)//异步队列加载完成执行图片的显示和滑动部分实例化操作
					{
						for(var j = 0; j < que.length;j++)
						{
							$slides.append('<div class="col-xs-12"><img class="col-xs-12" src="'+que[j].src+'" title="'+que[j].title+' " /></div>');
						}
						//图片滑动部分实例化
						$slides.slidesjs({
							width: $slides.find("img").width(),
							height: $slides.find("img").height(),
							navigation: false
						});
						$('.slidesjs-pagination-item').each(function(i, e) {
							$(e).find('a').html('<span class="pagination-larger">'+(i+1)+'</span>'+ '/'+ productLength);
						});
					}
				}
				img.src = productImgs[i].thumb;
				img.title = productImgs[i].title
				img.i =i;

			}

		}

 

© 著作权归作者所有

小麒麟的胡言乱语
粉丝 0
博文 4
码字总数 666
作品 0
西安
私信 提问
GBin1分享:jQuery1.7 Beta 预览

原文:addyosmani.com 翻译:GBin1.com jQuery 1.7 Beta 1刚发布,这里我们将介绍一些主要的新特性: 介绍 长期的jQuery开发者,例如, Dave, Rick, Corey, Joh Neal, Timmy还有群其它的热心开...

gbin1
2011/10/02
13
0
第78天:jQuery事件总结(一)

jQuery事件总结(一)   现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。   JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。...

半指温柔乐
2017/11/08
0
0
lazyload.JS实现图片异步延迟加载

前言:很多时候网站上很多图片一次性加载会很慢很卡……这个可以帮助你 使用场景:我的使用场景是点击图片再加载图片。 地址:https://raw.github.com/tuupola/jquerylazyload/master/jquery...

郏高阳
2013/09/22
3.2K
0
15 款优秀的 HTML5 jQuery 插件

如果你在寻找能优化网站,使其更具有创造力和视觉冲击的工具,那么这里刚好要介绍能为博客或者网站添彩的 jQuery 插件。在这篇文章中我们手机了一系列的令人兴奋的 HTML5 jQuery 插件,帮助你...

oschina
2014/02/13
13.9K
4
js实现网页图片延时加载(加载可见区域)的原理和代码 提高网站打开速度

有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加...

daniel-john
2014/06/21
2.1K
0

没有更多内容

加载失败,请刷新页面

加载更多

教你玩转Linux—添加批量用户

添加和删除用户对每位Linux系统管理员都是轻而易举的事,比较棘手的是如果要添加几十个、上百个甚至上千个用户时,我们不太可能还使用useradd一个一个地添加,必然要找一种简便的创建大量用户...

xiangyunyan
13分钟前
3
0
返回提示信息,如:xxx创建成功!

【服务端】在输出的方法块中,加入要输出的字段(qcm_batch_id) QCMUserType.cs: public struct QCM_Custom_Create_Batch_Out_Tag { public BASCoreType.Cmn_Out_T......

_Somuns
13分钟前
3
0
Aliyun Serverless VSCode Extension v1.12.0 发布

Aliyun Serverless VSCode Extension 是阿里云 Serverless 产品 函数计算 Function Compute 的 VSCode 插件,该插件结合了函数计算 Fun 工具以及函数计算 SDK ,是一款 VSCode 图形化开发调试...

阿里云官方博客
13分钟前
4
0
程序员如何培养解决复杂问题的能力?

今天在上网时候,突然看到了这篇文章,感觉非常的适合现在的自己去思考下,可能也适用在座的读者。程序员不仅仅是敲代码,更是一个复合能力的结合体,也不仅仅停留在技术和代码阶段。你想要成...

哥本哈根的小哥
17分钟前
5
0
市场变化驱动产品思维升级

宜信科技中心财富管理产品部负责人Bob,与大家一起聊聊个性化推荐产品功能的设计和B端产品的功能策划方式。 拓展阅读:回归架构本质,重新理解微服务 智慧金融时代,大数据和AI如何为业务赋能...

宜信技术学院
18分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部