• 文章介绍
  • 评价建议
  • 一款基于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>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » jQuery幻灯片图片切换插件Slippry

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic