点击图片左边区域就向左边切换一副图片,同理点击右边也是一样。
是通过把图片都放入数组中,但如何点击左右区域时向左右方向切换图片呢?

解决方案 »

  1.   

    <img src='' onclick="getPoint(event,this)">function getPoint(e,obj){
    e=e||event;
    var x=getOffsetX(e);
    if(obj.offsetWidth/2 > x ){
    alert(-1);// 左
    }else{
    alert(1); // 右
    }
    } function getOffsetX(evt){  
         if( evt.offsetX ) return evt.offsetX;  
       
         var ele = evt.target || evt.srcElement;  
         var o = ele;  
      
         var x=0;  
         while( o.offsetParent )  
         {  
                 x += o.offsetLeft;  
                 o=o.offsetParent;         
         }  
         // 处理当元素处于滚动之后的情况  
        var left = 0;  
         while( ele.parentNode )  
         {  
                left += ele.scrollLeft;  
                 ele=ele.parentNode;         
         }  
       
         return evt.pageX + left - x;  
    }
      

  2.   

    jQuery有这样的插件?叫什么名字?