新年
快乐
jQuery幻灯片图片切换插件Slippry

jQuery幻灯片图片切换插件Slippry

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>

相关推荐

Leave a Reply

Your email address will not be published. Required fields are marked *