JQuery----------图片左右切换

HTML代码

<div class="global_module prolist">
                <h3>新款上市</h3>
                <div class="prolist_content">
                    <ul>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_1.jpg" title="免烫高支棉衬衣" alt="假装有图片" /></a><span>免烫高支棉衬衣1</span><span>$120.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_2.jpg" alt="" /></a><span>免烫斜纹衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_3.jpg" alt="" /></a><span>棉小方格正装衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_4.jpg" alt="" /></a><span>小米兰格衬衣蓝色</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_1.jpg" alt="" /></a><span>免烫高支棉衬衣2</span><span>$120.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_2.jpg" alt="" /></a><span>免烫斜纹衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_3.jpg" alt="" /></a><span>棉小方格正装衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_4.jpg" alt="" /></a><span>小米兰格衬衣蓝色</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_1.jpg" alt="" /></a><span>免烫高支棉衬衣3</span><span>$120.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_2.jpg" alt="" /></a><span>免烫斜纹衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_3.jpg" alt="" /></a><span>棉小方格正装衬衣</span><span>$129.00</span>
                        </li>
                        <li>
                            <a href="detail.html">
                                <img src="images/img_4.jpg" alt="" /></a><span>小米兰格衬衣蓝色</span><span>$129.00</span>
                        </li>
                    </ul>
                </div>
                <p class="module_left_right">
                    <img class="goLeft" src="images/left.gif" alt="" /><img class="goRight" src="images/right.gif" alt="" />
                </p>
            </div>

CSS代码

.content_right .prolist { 
	position:relative; 
	height: 220px;
	margin-bottom:10px; 
	overflow:hidden; 
	border: 1px solid #AAAAAA;
	background:#FFFFFF;
}
.content_right .prolist .prolist_content{
 	position:absolute; 
	width:1800px;
	top:26px; 
	left:0px;
	padding:20px 0 0 8px;
}
.content_right .prolist ul{  
	margin-bottom:10px; 
    float:left;
	height: 220px;
}
.content_right .prolist ul li { 
	float:left;
	display:inline;
	text-align:center;
	margin-right:22px;  
}
.content_right .prolist ul li span { 
	display:block;
	overflow:hidden; 
}
.content_right .prolist ul li img { 
	display:block; 
	width:124px; 
	height:124px; 
	background:#EEE; border:0;
}
.module_left_right{ 
	position:absolute; 
	top:5px; 
	right:10px; 
	cursor:pointer;
}

jQuery代码

//定义索引值为0
            var imgindex = 0;
            //点击图片向左移动
            $(".goLeft").click(function () {

                if (imgindex < 1) {
                    imgindex = 0;
                } else {
                    imgindex = imgindex - 1;
                }
                cutImag();
            });
            //点击图片向左移动
            $(".goRight").click(function () {
                if (imgindex > 1) {
                    imgindex = 0;
                } else {
                    imgindex = imgindex + 1;
                }
                cutImag();
            });