dedecms焦点图代码

<div class="focus-image">
    <div class="focus-image-wrapper">
        <div class="focus-image-item">
            <a href="http://example.com/article1.html"><img src="http://example.com/uploads/1.jpg" alt="图片1"></a>
        </div>
        <div class="focus-image-item">
            <a href="http://example.com/article2.html"><img src="http://example.com/uploads/2.jpg" alt="图片2"></a>
        </div>
        <div class="focus-image-item">
            <a href="http://example.com/article3.html"><img src="http://example.com/uploads/3.jpg" alt="图片3"></a>
        </div>
    </div>
    <div class="focus-image-nav">
        <a href="javascript:;" class="prev"></a>
        <a href="javascript:;" class="next"></a>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('.focus-image-wrapper').slick({
            autoplay: true,
            autoplaySpeed: 3000,
            dots: true,
            arrows: true,
            infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
        });
    });
</script>