jQuery左右按钮图片切换插件silvertrack

作者：w634381967来源：网络浏览：次时间：2014-06-09 06:38:55我要评论

分享到

内容介绍

jQuery左右按钮图片切换插件silvertrack,silvertrack是一个jQuery插件通过其他插件可以扩展。它有一个小的核心和附带插件非常有用.
创建一个新的滑块很简单:
Html

复制代码代码如下:

<div class="view-port">

  <div class="slider-container">

    <div class="item"></div>

    <div class="item"></div>

    <!-- ... -->

  </div>

</div>

Css

复制代码代码如下:

view-port {

  overflow: hidden;

  position: relative;

}

.slider-container {

  position: relative;

  margin: 0;

  padding: 0;

}

.item {

  position: absolute;

}

复制代码代码如下:

var track = $(".slider-container").silverTrack();

// install the plugins you want

track.install(new SilverTrack.Plugins.Navigator({

  prev: $("a.prev", parent),

  next: $("a.next", parent)

}));

track.start();