注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery幻灯片图片切换插件Slippry

作者/代码整理:  (源码已亲测,有问题联系客服微信:guomanqing1314) 发布日期: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>

售后客服微信:guomanqing1314

其他咨询和服务:

邮箱:1915635791@qq.com