Copy Code code as follows:
<script src= "/js/jquery-1.4.1.js" type= "Text/javascript" ></script>
<script type= "Text/javascript" >
var pageindex = 1;
var pagesize = 2;
$ (function () {
Previous ();
})
function Previous () {
if (pageindex < 1 | | pageindex = 1) {
pageindex = 1;
$ ("#imgdiv img:lt (" + pagesize +) "). Show ();
$ ("#imgdiv img"). Not ($ ("#imgdiv img:lt (" + pagesize +))). Hide ();
}
else {
pageindex--;
if (pageindex!= 1) {
$ ("#imgdiv img:gt (" + ((pageindex-1) * pagesize-1) + "): Lt (" + pagesize + ")). Show ();
$ ("#imgdiv img"). Not ($ ("#imgdiv img:gt (" + ((pageindex-1) * pagesize-1) + "): Lt (" + pagesize + ")). Hide ();
}
if (pageindex = = 1) {
$ ("#imgdiv img:lt (" + pagesize +) "). Show ();
$ ("#imgdiv img"). Not ($ ("#imgdiv img:lt (" + pagesize +))). Hide ();
}
}
}
function Next () {
var p = $ ("#imgdiv img"). length/pagesize;
var PageCount = parseint (Math.ceil (p));
if (pageindex + 1 > PageCount) {
pageindex = PageCount;
} else {
pageindex++;
}
$ ("#imgdiv img:gt (" + ((pageindex-1) * pagesize-1) + "): Lt (" + pagesize + ")). Show ();
$ ("#imgdiv img"). Not ($ ("#imgdiv img:gt (" + ((pageindex-1) * pagesize-1) + "): Lt (" + pagesize + ")). Hide ();
}
</script>
<div>
<a href= "javascript:previous ()" > Prev </a>
<div id= "Imgdiv" >
</div>
<a href= "Javascript:next ()" > next page </a>
</div>