jQuery幻灯片图片切换插件Slippry

jQuery幻灯片图片切换插件Slippry-精品资源网
jQuery幻灯片图片切换插件Slippry
此内容为付费资源,请付费后查看
57
限时特惠
99
付费资源

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>

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容