感觉大华乐橙 怎么样玩着怎么样呢?

查看: 4369|回复: 7
求助(怎么先让页面先加载,最后在加载图片)
TA的每日心情怒 09:56签到天数: 4 天[LV.2]偶尔看看I
& &这样会不会打开页面,这样速度会不会更快
(217.98 KB, 下载次数: 21)
11:36 上传
上传测试的图片
&&&&&&&&&&&&&&&&
TA的每日心情开心4&小时前签到天数: 285 天[LV.8]以坛为家I
你的图片是怎么引用的, 本来网站加载的方式就是先加载界面再加载的图片的,
如果你害怕这样慢,可以加载完页面后使用Js把图片地址传给Img标签,这样就保证绝对的异常加载了。
或者是使用Ajax动态加载图片部分
&&&&&&&&&&&&&&&&
TA的每日心情怒 09:56签到天数: 4 天[LV.2]偶尔看看I
这些图片是我自己上传做测试的& &客户用这一块觉得慢& &我优化的思路是跟您一样的&&我在页面加载的时候给这些图片一个正在加载的图片&&但是这些图片的位置&&就是这些图标&&不太美观& &
(166.55 KB, 下载次数: 9)
16:49 上传
&&&&&&&&&&&&&&&&
TA的每日心情开心4&小时前签到天数: 285 天[LV.8]以坛为家I
你不用能这么多图片吧,只要有一个在转就行了。好看不好看,应该是布局问题,呵呵
&&&&&&&&&&&&&&&&
TA的每日心情怒 09:56签到天数: 4 天[LV.2]偶尔看看I
你不用能这么多图片吧,只要有一个在转就行了。好看不好看,应该是布局问题,呵呵
那么多转的都是一个一个图片文件 按照不同的类型&&把这些图片在分类&&我也想用一张图片解决啊& &
&&&&&&&&&&&&&&&&
TA的每日心情开心4&小时前签到天数: 285 天[LV.8]以坛为家I
用是JS控制一下,或者让美工给你出出主意,性能这样做应该是解决了,省下的是界面问题。只有一个加载也行的,当所有的都加载完才停止
&&&&&&&&&&&&&&&&
TA的每日心情怒 09:56签到天数: 4 天[LV.2]偶尔看看I
用是JS控制一下,或者让美工给你出出主意,性能这样做应该是解决了,省下的是界面问题。只有一个加载也行的 ...
好的&&苏老大&&谢了
&&&&&&&&&&&&&&&&
TA的每日心情开心4&小时前签到天数: 285 天[LV.8]以坛为家I
好的&&苏老大&&谢了
不客气,先试试吧,不行讨论
&&&&&&&&&&&&&&&&
( 豫ICP备号-1)&&&jquery图片轮播&浏览器切换页面后回到原来页面,图片累计连续执行问题
今天在做一个网页图片轮播时,使用遇到一个问题:我用的是jquery横向滚动,初始进入页面,图片滚动效果等一切正常,但是切换浏览器标签,隔个一分钟左右回来,乖乖,问题出来啦,图片不停的连续滚动;大致代码如下:
var tmsecond = 5;//轮播间隔秒
function InvalTimeIndex(obj){
clearTimeout(IniFlashTimeout);
$("#xxx").animate({"width":imgWidth*imgLen,"left":-(imgWidth*(imgIndex-1))},"normal");
IniFlashTimeout =
setTimeout("InvalTimeIndex('"+obj+"')",tmsecond*1000);
咋个回事呢?郁闷,看看js代码吧,发现里面使用了setTimeout,同时还使用了animate(我后来加的,为了使图片滚动有动画效果);网上收索了下,这个问题相关帖子很少(估计对与js高手来说,这是个不是问题的问题,呵呵)
,于是只得来回的查资料然后测试,折腾了一下午,还是没弄好,就在郁闷之极时,终于被我搜到了几种处理方法,试了下终于解决了这个问题,很简单在每次滚动前使用
$("you img container").stop(true,true);就可以了。
代码改成:
function InvalTimeIndex(obj){
clearTimeout(IniFlashTimeout);
$("#xxx").stop(true,true);
$("#xxx").animate({"width":imgWidth*imgLen,"left":-(imgWidth*(imgIndex-1))},"normal");
IniFlashTimeout =
setTimeout("InvalTimeIndex('"+obj+"')",tmsecond*1000);
ok,问题终于解决啦。
分析原因:估计是浏览器页面切换后,页面的定时任务还是在不停执行,但是页面图片滚动动画效果由于浏览器控制(估计缓存起来了),一直没有得到执行;当你回到页面时,动画效果会累计连续一起把前面的动画效果执行了,故而出现了以上情况。(个人猜测,没有证实)
注:这里使用的是ff和google,ie没有试过。
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。如果你有疑问:请点击→ 来让更多的人来帮助你!
如果你得到了帮助:请点击→
如果你有更好的解决方案:请点击→ 来帮助更多的人!
如果你有好东西、好知识:请点击→ 来分享给更多的人!2012年6月 总版技术专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第一2012年5月 Web 开发大版内专家分月排行榜第一
2012年6月 Web 开发大版内专家分月排行榜第二2012年5月 Web 开发大版内专家分月排行榜第二2011年5月 PHP大版内专家分月排行榜第二2008年9月 硬件使用大版内专家分月排行榜第二
2012年7月 Web 开发大版内专家分月排行榜第三2011年8月 PHP大版内专家分月排行榜第三2011年8月 Web 开发大版内专家分月排行榜第三2011年7月 PHP大版内专家分月排行榜第三2011年4月 Web 开发大版内专家分月排行榜第三2008年9月 Windows专区大版内专家分月排行榜第三
2012年6月 Web 开发大版内专家分月排行榜第二2012年5月 Web 开发大版内专家分月排行榜第二2011年5月 PHP大版内专家分月排行榜第二2008年9月 硬件使用大版内专家分月排行榜第二
2012年7月 Web 开发大版内专家分月排行榜第三2011年8月 PHP大版内专家分月排行榜第三2011年8月 Web 开发大版内专家分月排行榜第三2011年7月 PHP大版内专家分月排行榜第三2011年4月 Web 开发大版内专家分月排行榜第三2008年9月 Windows专区大版内专家分月排行榜第三
2013年10月 其他开发语言大版内专家分月排行榜第二2012年2月 其他开发语言大版内专家分月排行榜第二
2013年11月 其他开发语言大版内专家分月排行榜第三2012年4月 其他开发语言大版内专家分月排行榜第三2011年6月 其他开发语言大版内专家分月排行榜第三
2013年10月 其他开发语言大版内专家分月排行榜第二2012年2月 其他开发语言大版内专家分月排行榜第二
2013年11月 其他开发语言大版内专家分月排行榜第三2012年4月 其他开发语言大版内专家分月排行榜第三2011年6月 其他开发语言大版内专家分月排行榜第三
本帖子已过去太久远了,不再提供回复功能。

我要回帖

更多关于 乐橙 的文章

 

随机推荐