虽然网上很多图片播放的插件，但还是自己写的有成就感。

/**
*
*Img(e)为打开图片组的方法,e是参数 ,0开始,对应ImgObj里面数组的位置.
*关闭图片组的方法绑定控制 ID="close"
*
*/
function Img(e){
//添加图片背景框
var img = $('<div class="lookbg" id="lookbg"><div class="nowimg" id="nowimg"><div id="imtmume">'+e+'<i id="cloce">关闭</i></div><div id="imgbox"><ul id="imgul"></ul><i class="toleft" onclick="onleft();"></i><i class="turight"  onclick="onright();"></i></div></div></div>');
img.appendTo('body');
//循环输出图片
var ImgObj = [["images/img/1.jpg","images/img/2.jpg","images/img/3.jpg"],["images/img/4.jpg","images/img/5.jpg","images/img/6.jpg"]]; //存储相片
var ObjL = ImgObj[e].length;
for(i=0;i<ObjL;i++){
if(ImgObj[e][i] == undefined) continue ;
$("#imgul").append("<li><img class='mying' src="+ImgObj[e][i]+" /></li>");
}
Gun();
ImgP();
//关闭图片显示
$("#cloce").click(function(){
img.remove();
Xun();
onnub = 0;
})
}
//滚动条问题
function Gun(){
$("body").css("overflow","hidden");
}
function Xun(){
$("body").css("overflow","auto");
}

var ImgW = 640;   //显示图片框宽
var ImgH = 480;   //显示图片框高
var ImgTh = 20; //标题高度
function ImgP(){
//显示框的位置,大小
var lilen = $("#imgul > li").length;
$(".toleft").css("height",ImgH+"px");
$(".turight").css("height",ImgH+"px");
$(".toleft").css("top",ImgTh+"px");
$(".turight").css("top",ImgTh+"px");
// 图片点击向左向右的按钮位置
$("#imgul").css("width",ImgW*lilen+"px");
$("#imgul").css("height",ImgH+"px");
$("#imgbox").css("height",ImgH+"px");
$("#imgul > li").css("height",ImgH+"px");
$("#imgul > li").css("width",ImgW+"px");
$("#imtmume").css("height",ImgTh+"px");
$("#nowimg").css("width",ImgW+"px");
$("#nowimg").css("height",ImgTh+ImgH+"px");
$("#nowimg").css("position","absolute");
$("#nowimg").css("overflow","hidden");
var W = $(window).width();
var H = $("body").height();
if(H<ImgH)H=ImgH;
$("#lookbg").css("width",W+"px");
$("#lookbg").css("height",H+"px");
var imgw = $("#nowimg").width();
var imgh = $("#nowimg").height();
$("#nowimg").css("left",((W-imgw)/2)+"px");
var t;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
} else if (document.body) {
t = document.body.scrollTop;
}
// if(HH>imgh){
// $("#nowimg").css("top",((HH-imgh)/2)+"px");
// }
// else{
$("#nowimg").css("top",t+"px");
// }
ismyimg();
// alert(t);
}
function ismyimg(){
//图片的显示以及位置的居中
$(".mying").css("max-width",ImgW+"px");
$(".mying").css("max-height",ImgH+"px");
var imgW = $(".mying").width();
var imgH = $(".mying").height();
$("#imgul > li").css("text-align","center");
//$("#imgul > li > img").css("margin-left",((ImgW-imgW)/2)+"px");
//$("#imgul > li >img").css("margin-top",t+"px");
}
var onnub = 0;

function onleft(){ // 图片上一个
var onlen = $("#imgul > li").length;
if(onnub < onlen-1 , onnub > 0){
onnub--;
$("#imgul").animate({marginLeft: (-ImgW)*onnub+'px'}, "slow");
}else{
onnub = 0;
$("#imgul").animate({marginLeft: (-ImgW)*onnub+'px'}, "slow");
alert("已经是第一张了！");
}
}

function onright(){ //图片下一个
var onlen = $("#imgul > li").length;
if(onnub < onlen-1){
onnub++;
$("#imgul").stop().animate({marginLeft: (-ImgW)*onnub+'px'}, "slow");
}else{
//关闭图片显示
alert("已经是最后一张了！");
$("#cloce").click();
}
}
//浏览器监听
$(window).resize(function(){
setTimeout(ImgP,100);
})

//滚动条位置
function  ScollPostion() {
var t;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
} else if (document.body) {
t = document.body.scrollTop;
}
//      alert(t);
}