Re: [問題] 預先載入圖片問題
自問自答..:P
後來又試了一下,發現好像可以達到我的要求..
可能之前用的圖檔都太小了,所以一點進去iframe就馬上
出現已載入完成的訊息,這次改用70MB的圖檔來試,
onload功能就正常..
以下是我寫的測試碼..
a.htm--
<html>
<body>
<script>
var img=new Image();
function load()
{
img.src="test.bmp";
top.x.document.getElementById("tt").innerHTML='<img src="" id="imgs">';
top.x.document.getElementById("imgs").src=img.src;
}
</script>
<iframe width=600 height=400 id="x" src="x.htm"></iframe>
</body>
</html>
x.htm--
<html>
<body onload="alert('載入完成');">
<div id="tt">test</div>
<script>
top.load();
</script>
</body>
</html>
所以,不知道是不是使用框架會有問題,還是有其他的bug
沒抓到,若是框架問題,抓到後會再上來回報~:)
※ 引述《mudgame (BAGA)》之銘言:
: 在板上爬文時發現這篇文章,不過有一個地方看不太懂
: ,能不能請教一下板上的各位大大..@@
: !== 這是什麼意思,不太懂..@@
: 我只知道 == 是相等 != 是不相等..
: 然後..這段程式是開一個新的視窗,如果我想把載入的
: 圖形放到指定的frame網頁中的某個iframe中,那應該
: 要怎麼寫呢?
: 還有..我可不可以把圖片載入到index.htm的框架網頁
: 中的一個Array中,載入後再丟到指定的frame頁面的
: iframe中而不用重新載入呢?
: 我試過在iframe的網頁裡用 top.load_img()載入圖片
: ,然後在該iframe網頁中加上
: <body onload="alert('載入完成')">
: 不過,網頁一開,iframe的網頁馬上就出現載入完成的
: 訊息,但實際上圖片並未載入完成,所以onload似乎只
: 能使用自己該頁的圖片載入狀況,不知道有沒有什麼方
: 法可以改進..@@
: ※ 引述《bennylu (Benny)》之銘言:
: : 頁面把資料載入完畢後會觸發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
推
03/08 02:33, , 1F
03/08 02:33, 1F
→
03/08 02:39, , 2F
03/08 02:39, 2F
→
03/08 02:54, , 3F
03/08 02:54, 3F
→
03/08 02:55, , 4F
03/08 02:55, 4F
推
03/09 00:30, , 5F
03/09 00:30, 5F
→
03/09 00:31, , 6F
03/09 00:31, 6F
討論串 (同標題文章)