基于jQuery全屏焦点图切换插件responsiveslides

2024-04-27 15:01:09

字体：大中小

来源：转载

供稿：网友

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头，索引按钮的自动轮播切换特效下载。效果图如下：

在线预览源码下载

实现的代码。

html代码：

<script type="text/javascript">$(function () {    // Slideshow     $("#slider").responsiveSlides({        auto: true,        pager: false,        nav: true,        speed: 500,        timeout:4000,        pager: true,         pauseControls: true,        namespace: "callbacks"    });});</script></head><body><!-- Slideshow --><div class="callbacks_container">    <ul class="rslides" id="slider">        <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>        <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>        <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>        <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>    </ul></div></body>