支持手机端触屏滑动切换的jQuery图片轮播插件

代码简单的支持手机端触屏滑动切换的jQuery图片轮播插件，带缩略图的响应式焦点图轮播特效，兼容手机端幻灯片切换代码。

分类：图片代码 > 图片轮播难易：初级

查看演示下载资源下载积分： 20 积分

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="js/slider.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(".slider-container").ikSlider({
		  speed: 500
		});
		$(".slider-container").on('changeSlide.ikSlider', function (evt) { console.log(evt.currentSlide); });
	</script>
	<script type="text/javascript">
		var $preview = $('.preview a');

		function changeActivePreview(i) {
		  $('.active').removeClass('active');
		  $preview.eq(i).addClass('active');
		}

		$preview.on('click', function(e) {
		  e.preventDefault();
		  var index = $(this).index();
		  $('.slider-container').ikSlider(index);
		});

		$('.slider-container').on('changeSlide.ikSlider', function(e) {
		  changeActivePreview(e.currentSlide);
		});

		changeActivePreview(0)
	</script>