jquery实现图片的向左和向右切换一组图片
jquery实现图片的向左和向右切换一组图片
/*切换图片*/
$(function(){
var $width=$("#div3").width();
var $div=$(".prolist_content");
var $page=1;
//求出总的图片数
var $img=$(".prolist_content ul li").length;
var $pagesize=4;
var $page_count=Math.ceil($img/$pagesize);
//向左移动
$(".goLeft").click(function(){
if($page==$page_count){
$div.stop(true,true).animate({'left':0+'px'},600);
$page=1;
}else{
$div.stop(true,false).animate({'left':"-="+$width+'px'},600);
$page++;
}
})
$(".goRight").click(function(){
if($page==1){
$div.stop(true,false).animate({'left':"-="+$width*($page_count-1)+"px"},600);
$page=$page_count;
}else{
$div.animate({'left':"+="+$width+'px'},600);
$page--;
}
})
})
