Jquery 单击左右按钮时如何使用幻灯片图像? 当我单击左按钮时,左移大图像和小图像处于活动状态

Jquery 单击左右按钮时如何使用幻灯片图像? 当我单击左按钮时,左移大图像和小图像处于活动状态,jquery,css,Jquery,Css,右移大图像和小图像在我单击右按钮时处于活动状态 如何使用Jquery和javascript帮助我的建议 <div class="largethumb"> <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" /> <a class="left" href="#"> Left &l

右移大图像小图像在我单击右按钮时处于活动状态
如何使用Jquery和javascript帮助我的建议

<div class="largethumb">
  <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
  <a class="left" href="#"> Left </a>
  <a class="right" href="#"> right </a> 
 </div>  <!-- End largeImage -->

 <div class="thumbgallery clearfix">

   <div class="thumb active">
     <a href="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg">
       <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg"/>
    </a>
  </div>
  <div class="thumb">
    <a href="http://sstatic.net/stackoverflow/img/tag-android.png">
        <img src="http://sstatic.net/stackoverflow/img/tag-android.png"/>
    </a>
  </div>
  <div class="thumb">
     <a href="http://sstatic.net/stackoverflow/img/tag-android.png">
        <img src="http://sstatic.net/stackoverflow/img/tag-android.png"/>
     </a>
   </div>
   <div class="thumb">
      <a href="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg">
        <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
     </a>
    </div>

  </div> <!-- End thumbgallery -->

jquery

   $(".thumbgallery .thumb a").click(function(e) {
     $(this).parents('.thumb').addClass("active").siblings().removeClass('active');
     var href = $(this).attr("href");
     $(".largethumb img").attr("src",href);
     e.preventDefault();
    return false;
   });

  $(".largethumb a.left").click(function(){
       <!-- how use laregimage move and smallimage is active -->
  });
   $(".largethumb a.right").click(function(){
     <!-- how use laregimage move and smallimage is active -->
   });
$(“.thumbgallery.thumbA”)。单击(函数(e){
$(this).parents('.thumb').addClass(“活动”).sides().removeClass(“活动”);
var href=$(this.attr(“href”);
$(.largethumb img”).attr(“src”,href);
e、 预防默认值();
返回false;
});
$(“.largethumb a.left”)。单击(函数(){
});
$(“.largethumb a.right”)。单击(函数(){
});

好的,这也可以由CSS3来完成,为什么要使用jquery呢

.thumbgallery { }
.thumbgallery .thumb { /* Code For left*/ }
.thumbgallery .thumb:nth-child(odd) { /* Code For right*/ }

希望这个想法对你有用。…

有很多脚本已经准备好了。为什么要重新发明轮子?是的,我的朋友们。我的意思是当a.左键点击和a.右键点击时,大屏幕显示。哦,我的朋友们,我想要jquery控件。请回答