jquery - 使用 jQuery Cycle 插件播放幻灯片图像

Question

我正在尝试使用 jQuery Cycle 插件来幻灯片显示图像， 但它不起作用。如何使其可运行。

包含的脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://malsup.github.com/jquery.cycle.all.js"></script>    

CSS:

 .pics {  
            height:  232px;  
            width:   232px;  
            padding: 0;  
            margin:  0;  
        } 

        .pics img {  
            padding: 15px;  
            border:  1px solid #ccc;  
            background-color: #eee;  
            width:  200px; 
            height: 200px; 
            top:  0; 
            left: 0 
        }

脚本:

  $(function(){
        $('.pics').cycle('fade');
    });​

图片分区

          <div class="pics">
                <img src="http://davealger.info/i/1.jpg"  width="200" height="200"  />
                <img src="http://davealger.info/i/2.bmp"  width="200" height="200"  />
                <img src="http://davealger.info/i/3.png"  width="200" height="200" />
            </div>

Answer 1

将 https://malsup.github.com/jquery.cycle.all.js 更改为 http:// ——或者更好的是，下载插件并饶了他那可怜的服务器吧。 Google 使用大容量 CDN；他没有。

http://jsfiddle.net/mblase75/ZSJqh/