Re: [問題] 預先載入圖片問題

看板Web_Design作者mudgame (BAGA)時間18年前 (2008/03/08 01:18)推噓7(7推 0噓 7→)

留言14則, 5人參與討論串3/4 (看更多)

　在板上爬文時發現這篇文章，不過有一個地方看不太懂　，能不能請教一下板上的各位大大..@@ !==　這是什麼意思，不太懂..@@ 我只知道 == 是相等 != 是不相等.. 然後..這段程式是開一個新的視窗，如果我想把載入的　圖形放到指定的frame網頁中的某個iframe中，那應該　要怎麼寫呢？　還有..我可不可以把圖片載入到index.htm的框架網頁　中的一個Array中，載入後再丟到指定的frame頁面的　iframe中而不用重新載入呢？　我試過在iframe的網頁裡用 top.load_img()載入圖片　，然後在該iframe網頁中加上 <body onload="alert('載入完成')"> 不過，網頁一開，iframe的網頁馬上就出現載入完成的　訊息，但實際上圖片並未載入完成，所以onload似乎只　能使用自己該頁的圖片載入狀況，不知道有沒有什麼方　法可以改進..@@ ※ 引述《bennylu (Benny)》之銘言： : ※ 引述《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: 220.133.117.77

推

pm2001

03/08 01:23, , 1^F

03/08 01:23, 1^F

→

mudgame

03/08 01:26, , 2^F

03/08 01:26, 2^F

→

mudgame

03/08 01:26, , 3^F

03/08 01:26, 3^F