注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery幻灯片图片切换插件Slippry

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-01-05
jQuery幻灯片图片切换插件Slippry
一款基于Slippry.js插件实现的带左右箭头按钮控制与缩略图的图片切换特效,jQuery幻灯片切换代码。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/slippry.min.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>