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>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。