幻灯片html

<div class="bp-hs" id="demo-default">
    <div class="bp-hs_inner">
        <div class="bp-hs_inner__item" data-transform="scale">
            <a href='https://jy.tp.yuanmeng.life/js/130.html' target='_blank'> <img src='img/01.jpg' alt='jQuery侧面浮动对联广告' /> </a>
        </div>
        <div class="bp-hs_inner__item" data-transform="scale">
            <a href='https://jy.tp.yuanmeng.life/js/131.html' target='_blank'> <img src='img/02.jpg' alt='jQuery分步式动画进度条' /> </a>
        </div>
        <div class="bp-hs_inner__item" data-transform="scale">
            <a href='https://jy.tp.yuanmeng.life/js/132.html' target='_blank'> <img src='img/03.jpg' alt='jQueryQQ商城焦点图自动切换' /> </a>
        </div>
        <div class="bp-hs_inner__item" data-transform="scale">
            <a href='https://jy.tp.yuanmeng.life/js/133.html' target='_blank'> <img src='img/02.jpg' alt='jQuery选项卡搜索框切换' /> </a>
        </div>
    </div>
</div>

引入触屏插件touchSwipe和bpHS.js

<script src="js/vendors/jquery.touchSwipe.min.js"></script>
<script src="js/bpHS.js" type="text/javascript"></script>

$('#demo-default').bpHS({
    nextText: '<i class="fa fa-angle-right"></i>',
    prevText: '<i class="fa fa-angle-left"></i>',
    autoPlay: false
});

bpHS.jsAPI参数