jQuery响应式手机端触屏滑动图片轮播插件,含多种图片滑动切换效果可选,兼容PC端与手机端。
js代码
<script src="https://img.x22t.com/file/2020/04/25/3664a656eadb9442c7c17528aaeeb98c7066.js" type="text/javascript"></script> <script src="https://img.x22t.com/file/2020/04/25/46e331df84ba2ffa6ded1a5d62f943015337.js"></script> <script src="https://img.x22t.com/file/2020/04/25/85e6e85e6cbbf4a486e68c147b89cc6b7927.js"></script> <script> $("#pbSlider0").pbTouchSlider({ slider_Wrap: "#pbSliderWrap0", slider_Threshold: 10, slider_Speed:600, slider_Ease:"ease-out", slider_Drag : true, slider_Arrows: { enabled : true }, slider_Dots: { class :".o-slider-pagination", enabled : true }, slider_Breakpoints: { default: { height: 500 }, tablet: { height: 350, media: 1024 }, smartphone: { height: 250, media: 768 } } }); $("#pbSlider").pbTouchSlider({ slider_Wrap: "#pbSliderWrap", slider_Threshold: 50, slider_Speed:400, slider_Ease:"linear", slider_Drag : false, slider_Arrows: { enabled : false }, slider_Breakpoints: { default: { height: 300 }, tablet: { height: 250, media: 1024 }, smartphone: { height: 200, media: 768 } } }); $("#pbSlider2").pbTouchSlider({ slider_Wrap: "#pbSliderWrap2", slider_Threshold: 25, slider_Speed:1000 , slider_Ease:"cubic-bezier(.16,.92,0,.8)", slider_Dots: { class:".slider-pagination", enabled : false }, slider_Breakpoints: { default: { height: 300 }, tablet: { height: 250, media: 1024 }, smartphone: { height: 200, media: 768 } } }); $("#pbSlider3").pbTouchSlider({ slider_Wrap: "#pbSliderWrap3", slider_Threshold: 50 , slider_Speed:400 , slider_Ease:"linear", slider_Breakpoints: { default: { height: 400 }, tablet: { height: 300, media: 1024 }, smartphone: { height: 200, media: 768 } } }); </script>
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- Vivi资源网