起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1850|回复: 4

[结贴] carousel 显示图片很慢的问题

[复制链接]

21

主题

50

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
发表于 2017-10-26 16:29:18 | 显示全部楼层 |阅读模式
使用carousel 轮播图片控件,我用的是ajax后台取图片路径:

//插入轮番播放图
carousel.removeAll();
$.each(res.tpiList,function(i,tpi){
      carousel.add('<p><img src="'+tpi.proImg+'" class="image-wall tb-img"/></p>');
});



但是从进入页面后,图片展现出来至少要等2秒钟才能出来,不知道是什么原因
发表于 2017-10-27 15:29:45 | 显示全部楼层
可以参考仿淘宝案例的动态生成!

你F12 看下网络请求是不是慢?  

调试找下慢的原因!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

21

主题

50

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
 楼主| 发表于 2017-10-27 15:45:19 | 显示全部楼层
liangyongfei 发表于 2017-10-27 15:29
可以参考仿淘宝案例的动态生成!

你F12 看下网络请求是不是慢?  

仿淘宝案例 是加载的本地图片

我看慢的时间在liveload.js上 QQ截图20171027154437.png

回复 支持 反对

使用道具 举报

发表于 2017-10-27 18:55:42 | 显示全部楼层
yybb7435100 发表于 2017-10-27 15:45
仿淘宝案例 是加载的本地图片

我看慢的时间在liveload.js上

这个是开发环境需要请求的!不用管!证书发布后,就不会有这个请求了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

21

主题

50

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
 楼主| 发表于 2017-10-31 10:09:23 | 显示全部楼层
liangyongfei 发表于 2017-10-27 18:55
这个是开发环境需要请求的!不用管!证书发布后,就不会有这个请求了! ...

问题找到了 ,我之前是用ajax返回的list循环,用jquery的each方法循环后台返回的list取出图片路径再放到carousel3里,
我现在先imgData.loadData(res.tpiList);再循环imgData.each(function(obj){},这样图片加载出来就快了
3.png




回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-22 20:17 , Processed in 0.060032 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表