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--;

                        }

            })

})