图片分页显示

1. function pager(pageindex,pagerecs,picw,pich)  
2.  {  
3.    var perpagerec=pagerecs*1;  
4.    var curpage=pageindex*1;  
5.    var firstdex=0;lastdex=0;   
6.    var imgarray=new Array();  
7.    var tablew=0;  
8.    var tdw=picw;   tablew=picw*perpagerec*1;  
9.    var conf_showsmalltitle=document.getElementById("hisshowsmalltitle").value;  
10.    var conf_showbigimgnav=document.getElementById("hisshowbigimgnav").value;  
11.    if (perpagerec>1){tablew=picw*perpagerec*1+45;tdw=picw+15;}  
12.    var row1="",row2="",prepage,nextpage,idlist="";  
13.   var ardex=1,picstr="";  
14.   imgarray[ardex]=new Array("/luckyled/images/Equipment1.jpg",116,'光电测试仪');  
15.  ardex=ardex+1;  
16.   imgarray[ardex]=new Array("/luckyled/images/Equipment2.jpg",117,'光电烤箱');  
17.  ardex=ardex+1;  
18.   imgarray[ardex]=new Array("/luckyled/images/Equipment3.jpg",135,'冲床');  
19.  ardex=ardex+1;  
20.   var totalrecs=imgarray.length-1;  
21.   if (totalrecs % perpagerec==0)  
22.  {  
23.    sumpages=totalrecs/perpagerec;  
24.   }  
25.  else 
26.  {  
27.    sumpages=Math.floor(totalrecs/perpagerec)+1;  
28.  }  
29.  firstdex=perpagerec*(curpage-1)+1;  
30.  if (curpage==sumpages)  
31.  {  
32.    lastdex=curpage*perpagerec-(sumpages*perpagerec*1-totalrecs);  
33.  }  
34. else 
35. {  
36.  lastdex=curpage*perpagerec*1;  
37. }  
38. var imgarray1=new Array();  
39. var dex1=0;  
40. for (var dex=firstdex;dex<=lastdex;dex++)  
41. {   
42.  imgarray1[dex1]=new Array(imgarray[dex][0],imgarray[dex][1],imgarray[dex][2]);  
43.  dex1+=1;  
44. }  
45. if (curpage==1)  
46. {  
47. row1="<img src=/luckyled/images/show_prev1.jpg>";  
48. row2="<a href='#' onclick=pager(2,"+pagerecs+","+picw+","+pich+")><img src=/luckyled/images/show_next2.jpg></a>";  
49. }  
50. if (curpage==sumpages)  
51. {  
52.   prepage=curpage-1;  
53.   row1="<a href='#' onclick=pager("+prepage+","+pagerecs+","+picw+","+pich+")><img src=/luckyled/images/show_prev2.jpg></a>" 
54.   row2="<img src=/luckyled/images/show_next1.jpg>" 
55. }  
56. if (curpage!=1 && curpage!=sumpages)  
57. {  
58.   prepage=curpage-1;  
59.   nextpage=curpage+1;  
60.   row1="<a href='#' onclick=pager("+prepage+","+pagerecs+","+picw+","+pich+")><img src=/luckyled/images/show_prev2.jpg>";  
61.   row2="<a href='#' onclick=pager("+nextpage+","+pagerecs+","+picw+","+pich+")><img src=/luckyled/images/show_next2.jpg></a>";  
62.  }  
63.   var temp_str="";  
64.   picstr="<table width='"+tablew+"' border=0 cellspacing=0 cellpadding=0 align='center'>" 
65.   for(var x=0;x<dex1;x++)  
66.   {  
67.    if (idlist=="")  
68.    {  
69.      idlist=imgarray1[x][1];  
70.    }  
71.   else 
72.   {  
73.     idlist=idlist+","+imgarray1[x][1];  
74.   }  
75.  }  
76. picstr=picstr+"<tr>";  
77. for (var j1=0;j1<dex1;j1++)  
78. {   
79.    temp_str="";   temp_str=temp_str+"<div id='small_title'>";   if (conf_showsmalltitle==1)   {   
80.      temp_str="<span id='div_small_title'>"+imgarray1[j1][2]+"</span>";  
81.    }  
82.    if (conf_showbigimgnav==1)   {   
83.      temp_str=temp_str+"<span id='div_big_nav'><img src=/luckyled/images/showbig.jpg></span>";  
84.    }  
85.    temp_str=temp_str+"</div>" 
86.  picstr=picstr+"<td width="+tdw+" height="+pich+" id='s_img_"+imgarray1[j1][1]+"' valign='middle' align='center'><a href=javascript:showbigimg('"+imgarray1[j1][0]+"','"+imgarray1[j1][2]+"')><img src='"+imgarray1[j1][0]+"' width="+picw+" height="+pich+"   /></a><br>"+temp_str+"</td>" 
87. }  
88. picstr=picstr+"</tr>" 
89. picstr=picstr+"</table>" 
90.   if (document.getElementById("div_bigimg"))  
91.   {   
92.     document.getElementById("div_bigimg").innerHTML="<img src='"+imgarray1[0][0]+"' />" 
93.     document.getElementById("img_text").innerHTML=""+imgarray1[0][2]+"" 
94.   }  
95. document.getElementById("photolist").innerHTML=picstr;  
96. document.getElementById("div_row1").innerHTML=row1;  
97. document.getElementById("div_row2").innerHTML=row2;  
98. }  
99. function showbigimg(str,str2){   
100.   if (document.getElementById("div_bigimg"))  
101.   {   
102.     document.getElementById("div_bigimg").innerHTML="<img src='"+str+"' />" 
103.     document.getElementById("img_text").innerHTML=""+str2+"" 
104.   }  
105. }  
106. </script>  

html代码,页面默认显示的图片