carousel-fade

幻灯片轮播插件

html

<div class="carousel-slider">
    <ul class="slides">
        <li class="beauty slider-response item-img-1" style="z-index:2;">
        </li>
        <li class="beauty slider-response item-img-2" style="z-index:1;">
        </li>
        <li class="beauty slider-response item-img-3" style="z-index:1;">
        </li>
    </ul>
    <ol class="carousel-indicators">
        <li data-slide-to="0" class="active"></li>
        <li data-slide-to="1"></li>
        <li  data-slide-to="2"></li>
    </ol>
</div>

js

    <script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="./js/jquery.carousel.js"></script>