作者mudgame (BAGA)
看板Web_Design
标题Re: [问题] 预先载入图片问题
时间Sat Mar 8 02:32:19 2008
自问自答..: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
1F：推 zop:70MB的图?......这应该是我见过最大号的图了.... 03/08 02:33
2F：→ mudgame:用photoshop故意做出来的..XD 03/08 02:39
3F：→ mudgame:测试框架(frame)的结果是正常..所以结论是我其他部份的问 03/08 02:54
4F：→ mudgame:题..又要一行一行看程式抓bug了..XD 03/08 02:55
5F：推 zop:说道frame，IE跟opera即使frameborder=0还是会留白，真无言。 03/09 00:30
6F：→ zop:IE跟firefox跟opera跑CSS几乎都不对位... 03/09 00:31