js实现图片左右滚动，点击向右时无反应

我想实现点击按钮时实现图片的左右滚动，但是现在图片点击向左的按钮时图片可以滚动，但是点击向右的时候，图片没反应啊，这是怎么回事，求大神，以下是我的代码：

 $(".page").css("left","0")
    $(".arrow_left").click(function(){
        $(".page").animate({left:-236},100,function(){
            $(".page li:last").after($(".page li:first"))
            $(".page").css("left","0")
            })
        })
    $(".arrow_right").click(function(){
        $(".page").animate({right:0},100,function(){
            $(".page li:first").before($(".page li:last"))
            $(".page").css("left","0")
            })
        })

  <div class="arrow_left"><img src="../../res/images/appdetails/arrow_left.png"></div>
    <div class="arrow_right"><img src="../../res/images/appdetails/arrow_right.png"></div>

 <div class="page_show">
    <div class="page">

$(".page").animate({right:0} 这里你写的向右0距离。。

不用同时设absolute定位的对象left，right2个属性，只能设置其中一个，要实现由移动，增大你的left

absolute定位,同楼上,

  $(".arrow_right").click(function(){
        $(".page").animate({left:0},100,function(){
            $(".page li:first").before($(".page li:last"))
            $(".page").css("left","-236")
            })
        })