jQuery四圖圖片通欄代碼，支持多種插件效果，支持左右箭頭和圓點翻頁，兼容主流瀏覽器，懶人圖庫推薦下載！

使用方法：

1、在頁面引入以下代碼結構

<div class="view-port">

 <div class="slider-container">

    <div class="item">

           <img src="http://lorempixel.com/220/124/nature/1/">

           <p>Trailer 1</p>

    </div>

    <div class="item">

           <img src="http://lorempixel.com/220/124/nature/1/">

           <p>Trailer 1</p>

    </div>

 </div>

</div>

2、引入如下css

.view-port {

 overflow: hidden;

 position: relative;

}

.slider-container {

 position: relative;

 margin: 0;

 padding: 0;

}

.item {

 position: absolute;

}

3、加載jquery.silver_track.js插件，然后調用以下js代碼

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

var parent = track.container.parents(".track");

// 左右箭頭

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

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

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

}));

//下面三個小圓點

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

container: $(".bullet-pagination", parent)

}));

track.start();