圖片分頁查看 原創(chuàng)
原創(chuàng) 更新時間:2006年08月28日 00:00:00 原創(chuàng) 作者:
復(fù)制代碼 代碼如下:
<table height="120" border="0" align="center" cellpadding="5" cellspacing="0">
<script language="javascript" type="text/javascript">
function int(I,k)
{
//define variable
var ff=0;
var j;
j=Math.round(I/k)-I/k;
if (j!=0){
ff=Math.round(I/k)+1;}
else
{
ff=Math.round(I/k);
}
return ff;
}
function querystring(qs){
s=location.href;
s=s.replace("?","?&").split("&");
re="";
for(i=1;i<s.length;i++){
if(s[i].indexOf(qs+"=")==0){
re=s[i].replace(qs+"=","");
}
}
return re;
}
var page=querystring("page")
if(page==false){
page=1
}
var maxperpage=4 //每頁顯示條數(shù),這里每頁顯示4張
var totalimg=8 //一共有多少張圖片這里共8張
var filename="list.htm" //這個文件的名稱
var pagecounts
var cnum,snum,onum,endnum,kstr
var startnum=((page-1)*maxperpage);
endnum=startnum+maxperpage;
var x=0;
pagecounts=int(totalimg,maxperpage)
if(page==pagecounts){
endnum=((pagecounts-1)*maxperpage)+totalimg-(pagecounts-1)*maxperpage
}
for(k=startnum+1;k<=endnum;k++){
kstr=k.toString();
if(k<10){
kstr="00"+kstr
}
else
{
kstr="0"+kstr
}
x+=1;
//顯示數(shù)據(jù)
if(x%2==0){
document.write("<td><img src=img/LX-"+kstr+".jpg width=230 height=290 onclick=javascrpt:window.open(this.src) style='cursor:hand'></td></tr>");
}else{
document.write("<tr><td><img src=img/LX-"+kstr+".jpg width=230 height=290 onclick=javascrpt:window.open(this.src) style='cursor:hand'></td>");
}
}
</script>
</table><table width="100%" height="23" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><label>
<div align=center><span id="dinfo"></span><select name="select" onChange="location.href=this.options[this.selectedIndex].value">
<script type="text/javascript" language="javascript">
document.getElementById("dinfo").innerHTML="共有<font color=red>"+totalimg.toString()+"</font>條記錄 共<font color=red>"+pagecounts+"</font>頁 每頁<font color=red>"+maxperpage+"</font>條 ";
for(y=1;y<=pagecounts;y++){
if(page==y){
document.write("<option value="+filename+"?page="+y+" selected>"+y+"</option>");
}else{
document.write("<option value="+filename+"?page="+y+">"+y+"</option>");
}
}
</script>
</select></div>
</label></td>
</tr>
</table>
相關(guān)文章
用js實現(xiàn)上傳圖片前的預(yù)覽(TX的面試題)
用js實現(xiàn)上傳圖片前的預(yù)覽(TX的面試題)...2007-08-08javascript橢圓旋轉(zhuǎn)相冊實現(xiàn)代碼
支持自動和手動兩種模式:自動模式下自動旋轉(zhuǎn)展示,手動模式下通過鼠標(biāo)選擇當(dāng)前圖片,或通過提供的接口選擇上一張/下一張圖片2012-01-01多圖展示點擊切換效果模擬的flash效果,點小圖放大顯示,再點恢復(fù)默認。
多圖展示點擊切換效果模擬的flash效果,點小圖放大顯示,再點恢復(fù)默認。...2006-12-12jQuery.lazyload+masonry改良圖片瀑布流代碼
這里主要是使用jQuery.lazyload配合masonry實現(xiàn)瀑布流的重新排列,有時候網(wǎng)站的速度慢,圖片加載慢,獲取不到圖片的寬度和高度,所以使用lazyload可以在圖片加載完之后,進行瀑布流的重新排列。2014-06-06JavaScript判斷圖片是否能夠加載,失敗則替換默認圖片
JavaScript智能判斷圖片是否能夠正確加載,若加載失敗則用默認圖片替換,這是個比較實用的功能,不少網(wǎng)站都可見到這種功能.2010-10-10靜態(tài)圖片的十一種濾鏡效果--不支持Ie7及非IE瀏覽器。
靜態(tài)圖片的十一種濾鏡效果--不支持Ie7及非IE瀏覽器。...2007-03-03