作者bennylu (Benny)
看板Web_Design
标题Re: [问题] 预先载入图片问题
时间Fri Jan 12 04:04:27 2007
※ 引述《drlai (苏打)》之铭言：
: 我知道javascript可以做到预先载入图片
: 但我想问的是，有什麽方法可以等一个页面读完所有图片後再显示网页呢
: 一般javascript预先载入
: seq.
: 1. A网页 -->开启时读入B网页的图片
: |
: 2. 使用者点B网页
: |
: 3. 开启B网页(图片直接显示)
: 我想知道的是
: seq.
: 1. A网页
: |
: 2. 使用者点B网页
: |
: 3. 进入等候页面(载入图片)
: |
: 4. 开启B网页(图片直接显示)
: 因为图片档案很大(特殊需求)
: 所以不想在A网页中载入(如果使用者没点B网页，那就白白浪费频宽了)
: 我不知道怎麽确定js已经读完图片了
: 有其他方式可以达到以上目的吗？
页面把资料载入完毕後会触发onload事件
当然包括图片 这方面就不需要javascript来多加判断了
大概写了一下 应该可以满足你的需求
images.htm 放大档案图片:
<img src="pic1.jpg" />
<img src="pic2.jpg" />
default.htm:
<input type="button" value="load" onclick="load()" />
<div id="wait" style="display:none;background-color:orange">Loading</div>
<iframe style="display:none" id="ifrm" src="blank.htm"
onload="ifrmOnload()"></iframe>
<script>
function load(){
document.getElementById('wait').style.display='block';
document.getElementById('ifrm').src='images.htm';
}
function ifrmOnload(){
if(document.getElementById('ifrm').src!=='blank.htm'){
var obj = document.getElementById('ifrm').contentWindow;
var html = obj.document.body.innerHTML;
newWindow = window.open('');
newWindow.document.write(html);
document.getElementById('wait').style.display='none';
}
}
</script>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.64.104.3
※ 编辑: bennylu 来自: 61.64.104.3 (01/12 04:10)
1F：推 drlai:先谢过 :) 晚点来测试一下 01/12 10:23