FlexSlider插件做的图片轮换效果

使用方法
引用样式表
<link rel="stylesheet" href="css/slider.css" type="text/css">
引用jquery库
<script src="js/jquery.min.js"></script>
引用插件
<script src="js/jquery.flexslider-min.js"></script>
html代码
<div class="flex-container">
            <div class="flexslider">
                <ul class="slides">
                    <li><a href="#">
                        <img src="img/slide1.jpg" /></a> </li>
                    <li>
                        <img src="img/slide2.jpg" />
                    </li>
                    <li>
                        <img src="img/slide3.jpg" />
                        <p>
                            Designing The Well-Tempered Web</p>
                    </li>
                </ul>
            </div>
        </div>
js调用
  $(document).ready(function () {
            $('.flexslider').flexslider({
                animation: 'fade',
                controlsContainer: '.flexslider'
            });
        });