Re: [問題] 預先載入圖片問題
※ 引述《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)
推
01/12 10:23, , 1F
01/12 10:23, 1F
討論串 (同標題文章)