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控件。请回答