//把要輪播的圖片樣式分別放在變量中
var str1 = "";
var str2 = "";
var str3 = "";
var str4 = "";
//把變量放進數組
var socker = [str1, str2, str3, str4];
//向左輪播
$(".left-icon").click(function () {
//最後一個元素放在變量中，其他數組中的元素全部向右移動，數組第一個元素值最後賦值為保存最後一個值的最後一個變量
var ls_soc = socker[socker.length-1];
for
(
var i = socker.length-1;
i >0;
i--
) {
socker[i] = socker[i - 1];
}
socker[0]=ls_soc;
pj(socker);
});
//向右輪播(思路和左點類似)
$(".right-icon").click(function () {
var ls_soc = socker[0];
for
(
var i = 0;
i < socker.length-1;
i++
) {
socker[i] = socker[i + 1];
}
socker[socker.length-1]=ls_soc;
pj(socker);
});
//拼接元素前四個(取決於要顯示的數量)值，渲染到頁面中，就ok了！
function pj(socker){
var str="";
for(var i=0;i<4;i++){
str+=socker[i];
}
$(".lb_photo").html(str);
}
-----------我是白小純，請眼熟~~~~~

js50行代碼實現輪播效果