2011-10-25 12 views
-2

はhtmlページに読み込むことができますか?そして、画像を含むすべての要素が読み込まれたら、そのページに移動しますか?jsでhtmlページをロードする

たとえば、ユーザーがpage1で開始してからpage2が読み込みを開始し、page2の読み込みが完了すると、page2に入ります。 JavaScriptまたはのjavascriptライブラリでこれは可能ですか?

また、ページ2には20枚の写真がありますので、それらの写真とn表示ページ2をすべてロードしますか?それは非常に簡単ですjQueryのを使用して、事前

+0

つの所望のシナリオにあなたの質問を制限してください。できるだけ正確かつ簡単にそれを記述し、あなたがこれまでに行ったことがあればそれを示してください。 –

+1

私は、あなたのページデザインを再考したり、あなたが提示しているイメージが大きなものではないことを確認したいと思うかもしれません(MB単位)。あなたが今求めているのはちょっと変わったようです。 –

+0

@ Petr、それは私にとって望ましいひとつのシナリオのように見えます。しかし、それはまだSOには適していません。 [これを読む](http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx) – Sparky

答えて

1

感謝。 page1.html

は、このような<div>を持っています。そして、

<div id="pnlPage2Container"></div> 

ページ1でこのコードを持っている:

$(document).ready(function() { 
    var oContainer = $("#pnlPage2Container"); 
    oContainer.hide(); 
    oContainer.load("page2.html", function() { 
     oContainer.show(); 
    }); 
}); 

これは、次の操作を行う必要があります。

  1. は、コンテナを非表示にします。
  2. page2の内容を隠している間にコンテナに読み込みます。そのため、読み込み中は表示されません。
  3. コンテナの読み込みが完了したときのみ表示されます。
0

あなたは何を意味するかそう

<head> 
<script type="text/javascript"> 
function loadPage2() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("body").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","page2.php",false); //setting asynchronous to false will stop more JS being executed until this is done 
xmlhttp.send(); 
} 
</script> 
</head> 
<body id="body" onload="loadPage2()"> 
<!-- Page 1 stuff --> 
</body> 
0

ない100%のように、AJAXを使用して、2ページ目に体の内容を設定することができるが、HTML5は、任意の使用をプリフェッチあるのでしょうか?

関連する問題