2016-01-12 46 views
0

我嘗試獲取12張圖像,而不是顯示10,000。有人告訴我該怎麼做,但我不知道該怎麼做。限制12張圖像一次顯示並自動創建10000頁的頁面

這是他們說的去做:

  • xmlDoc.getElementsByTagName( 「視頻」);這個數組的長度會給你頁面的總數,比如說長度是x,所以頁面總數是x/12
  • 現在你可以創建頁碼列表(1,2,... n)。您可以使用LI標籤或其他來動態創建使用javascript for循環的列表。在裏面放置錨點標籤用於進一步的js頁面更改操作。
  • 現在在for循環中創建一個對象數組。
  • 對於第一頁首先取12個元素並創建12行
  • 當頁面2或其他被點擊時,您必須採取頁碼(您可以從鏈接文本中獲得),並且必須計算數組索引。 (記得第2頁的開始索引將是12,結束索引將是23等)現在清除現有的行並添加新的元素。簡而言之,pageSize *(pageNum -1);
  • 對錶的創作,你可以使用任何模板引擎(如手把或其他)

這就是他說的做它

<div id="container"> 
<table id="demo"></table> 
    <script> 

// Initialize 
(function() { 
    loadXMLDoc(); 
})(); 

function loadXMLDoc() { 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     myFunction(xmlhttp); 
    } 
    }; 
    xmlhttp.open("GET", "amateur.xml", true); 
    xmlhttp.send(); 
} 
function myFunction(xml) { 
    var i; 
    var xmlDoc = xml.responseXML; 
    var table="<tr></tr>"; 
    var x = xmlDoc.getElementsByTagName("video"); 
    for (i = 0; i <x.length; i++) { 
    var img = x[i].getElementsByTagName("thumbnail")[0].childNodes[0].nodeValue; 
    var url = x[i].getElementsByTagName("url")[0].childNodes[0].nodeValue; 
    table += 
     "<a href='"+url+"'><img src='"+img+"'></a>";  
    } 
    document.getElementById("demo").innerHTML = table; 
} 
</script> 

回答

0

它看起來像一個功課,提示:

  • 在你的循環創建一個JSON數組{ 「URL」:URL, 「IMG」:IMG};
  • 用前12個條目填充表格,存儲當前頁面索引。
  • 創建導航欄< < <#> >>。 <先前移動,< <先移動,#當前頁面索引,>移動下一個,>>移動最後。

好運

+0

我要去說實話,我不知道如何做到這一點,它不是功課,我想看看是否可以做一個網站。 –

+0

我不想粗魯,但這個網站不提供免費的代碼寫作服務。您可能希望先從基本知識入手,如果您的代碼存在任何問題,我們很樂意爲您提供幫助。祝你好運。 – Jules