本文由 资源共享网 – admin 发布，转载请注明出处，如有问题请联系我们！jQuery幻灯片图片切换插件Slippry

一款基于Slippry.js插件实现的带左右箭头按钮控制与缩略图的图片切换特效，jQuery幻灯片切换代码。

js代码

<script src="https://img.x22t.com/file/2020/04/25/c061bfe2f4de077781de8760d526d8e58827.js" type="text/javascript"></script>
<script src="https://img.x22t.com/file/2020/04/25/b9abde05eb06d149d4fe751dc47a44d51175.js"></script>
<script>
	var thumbs = jQuery("#thumbnails").slippry({
	  // general elements & wrapper
	  slippryWrapper: "<div class="slippry_box thumbnails" />",
	  // options
	  transition: "horizontal",
	  pager: false,
	  auto: false,
	  onSlideBefore: function (el, index_old, index_new) {
		jQuery(".thumbs a img").removeClass("active");
		jQuery("img", jQuery(".thumbs a")[index_new]).addClass("active");
	  }
	});

	jQuery(".thumbs a").click(function () {
	  thumbs.goToSlide($(this).data("slide"));
	  return false;
	});
</script>