$(function(){ $(".pagination").pagination({ pagesize : 12, pagenum : 10, pagebar : ["prev", "num", "next" ] //自定义页码条 }); }); /* pagination 0.95 分页插件已实现图片延时加载 copyright (c) 2014 zhibinpu date: 2014-11-13 update: 2019-10-31 可自定义页码条 jquery-1.12.4.min.js */ (function($){ $.fn.pagination = function(options){ var defaults = { pagesize : 4, //每页几条 pagenum : 6, //页码显示个数 pagebar : ["first", "prev", "num", "next", "end", "|", "state", "|", "pageselect", "|", "pagesizeset" ], //自定义页码条 pagenumselect : [3, 10, 20, 50, 100] //设置记录选择条数 } var options = $.extend(defaults, options); var $this = this; //整个列表对象 var $row = $this.find("li"); //数据行对象 var pagebar = options.pagebar; //页码条 var pagenumselect = options.pagenumselect; //记录选择条数 var pagesize = options.pagesize; //每页条数 var pagenow = 1; //当前页码 var rowcount = $row.length; //数据总条数 var pagecount = math.ceil(rowcount/pagesize); //总页数 var pagenum = options.pagenum; //页码显示个数 var startitem = (pagenow-1)*pagesize; //数据显示开始处 var enditem = startitem+pagesize; //数据显示结束处 var pagenostart; //页码开始处 var pagenoend; //页码结束处 var imgsrc = []; //存储图片路径 for(i=0; i<$row.length; i++){ imgsrc[i] = $row.eq(i).find("img").attr("src"); //普通加载 //imgsrc[i] = $row.eq(i).find("img").attr("data-original"); //懒加载 } init(); //初始化 //初始化 function init(){ $(".pagenav").remove(); //显示分页项目 showitem(); //设置页码开始结尾 setpagestartend(); //写入导航加载页码 $this.after("
"); //显示页码条 showpagebar(); //数据测试 //console.log("startitem = "+startitem); //console.log("enditem = "+enditem); // console.log("pagesize 每页条数 = "+pagesize); // console.log("pagenostart 页码开始 = "+pagenostart); // console.log("pagenoend 页码结束 = "+pagenoend); // console.log("pagenow 当前页 = "+pagenow); // console.log("pagecount 总页数 = "+pagecount); // console.log("pagenum 页码个数= "+pagenum); // console.log("=============================="); //console.log("imgsrc = "+imgsrc); } //显示当前页数据 function showitem(){ startitem = (pagenow-1)*pagesize; enditem = startitem + pagesize; $row.find("img").attr("src", ""); $row.hide(); for(i=0; i<$row.length; i++){ if(i>=startitem && i