<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[阿Tim日志]]></title> 
<link>https://atim.cn/index.php</link> 
<description><![CDATA[专业的php开发者.开发团队的带队人]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[阿Tim日志]]></copyright>
<item>
<link>https://atim.cn/post/405/</link>
<title><![CDATA[预载图片]]></title> 
<author>bkkkd &lt;partybase@gmail.com&gt;</author>
<category><![CDATA[开发应用]]></category>
<pubDate>Fri, 11 Jul 2008 15:46:40 +0000</pubDate> 
<guid>https://atim.cn/post/405/</guid> 
<description>
<![CDATA[ 
	前段时间把我姐的网站进行升级了,把相册改成用ajax调用,这样可以提高用户体验.但是引发出一个问题,就是点下一张以后,新图片的显示会很慢.<br/>以前为什么会没有这样的感觉呢?<br/>1,我们的注意还是留在页面的渲染上<br/>2,由浏览在打开页面里会顺便把图片也下载会回,所以整体来说点用的时间会比较小.不用重新打开端口<br/><br/>解决的方法是预先把图片先载入到页面上,最基本上载入方法<br/><div class="code"><br/>&lt;script&gt;<br/>var _img=new Image();<br/>_img.src=&quot;123.jpg&quot;;<br/>&lt;/script&gt;<br/></div><br/>但我的是一组图片的<br/>所以我需要批量载入<br/><div class="code"><br/>&lt;script&gt;<br/>var imglist=new Array(&#039;1.jpg0,&#039;2.jpg&#039;);<br/>var _imglist=new Array();<br/>for(i=0;i&lt;imglist.length;i++)<br/>&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;_imglist&#91;i&#93;=new Image();<br/>&nbsp;&nbsp;&nbsp;&nbsp;_imglist&#91;i&#93;.src=imglist&#91;i&#93;;<br/>&#125;<br/>&lt;/script&gt;<br/></div><br/><br/>虽然我已经发了命令去让浏览器载入图片,但是还有问题,如果载入命令发出了.但系图片还是没有载入成功,那还是让用户在点下一张后等待<br/>我想要减小用户等待的时间,所以只有当所用图片都载入程序后,再进行图片显示的操作<br/><br/><div class="code"><br/>&lt;script&gt;<br/>var imglist=new Array(&#039;1.jpg0,&#039;2.jpg&#039;);<br/>var _imglist=new Array();<br/>var _cache_list_length=imglist.length;<br/>for(i=0;i&lt;imglist.length;i++)<br/>&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;_imglist&#91;i&#93;=new Image();<br/>&nbsp;&nbsp;&nbsp;&nbsp;_imglist&#91;i&#93;.src=imglist&#91;i&#93;;<br/>&nbsp;&nbsp;&nbsp;&nbsp;_imglist&#91;i&#93;.onload=function()<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_cache_list_length--;<br/>&nbsp;&nbsp;&nbsp;&nbsp; &#125;<br/>&#125;<br/>function STO_show()<br/>&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(_cache_list_length==0)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; show();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#125;<br/>&nbsp;&nbsp;&nbsp;&nbsp;else<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setTimeOut(&quot;STO_show();&quot;,3);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&#125;<br/>&#125;<br/>function show()<br/>&#123;<br/>&nbsp;&nbsp;&nbsp;&nbsp;alert(_imaglist&#91;0&#93;);<br/>&#125;<br/>&lt;/script&gt;<br/></div><br/>完成了.所有图片都会提前载入,然后就不会有每张图片都需要等待了
]]>
</description>
</item><item>
<link>https://atim.cn/post/405/#blogcomment663</link>
<title><![CDATA[[评论] 预载图片]]></title> 
<author>lee &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Sun, 27 Jul 2008 03:10:31 +0000</pubDate> 
<guid>https://atim.cn/post/405/#blogcomment663</guid> 
<description>
<![CDATA[ 
	小生弟弟真有才啊
]]>
</description>
</item>
</channel>
</rss>