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>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。