怎么轮番显示php上传的图片,轮番图出现的问题

window.οnlοad=function  () {

var container =document.getElementById("container");

var list=document.getElementById("list");

var buttons=document.getElementById("buttons").getElementsByTagName("span");

var prev=document.getElementById("prev");

var next=document.getElementById("next");

var index=1;

var animated =false;

function showb() {

for (var i = 0; i

if (buttons[i].className=="on"){

buttons[i].className="";

break;

}

}

buttons[index -1].className ="on";

}

function animate(offset) {

animated=true;

var news=parseInt(list.style.left)+offset;

var time=300;   //总时间

var interval =10;//间隔时间

var speed=offset/(time/interval);

function go() {

if ((speed < 0 && parseInt(list.style.left)>news) ||  (speed>0 && parseInt(list.style.left)

list.style.left=parseInt(list.style.left)+speed+"px";

setTimeout(go,interval);

// statement

}

else{

animated=false;

list.style.left =news+"px";

if (news>-600) {

list.style.left=-3000+"px";

}

if (news

list.style.left=-600+"px";

}

}

}

go();

}

next.οnclick=function () {

if (index==5) {

index=1;

}

else {

index+=1;

}

showb();

if (!animated) {

animate(-600);

}

}

prev.οnclick=function () {

if (index==1) {

index=5;

}

else {

index-=1;

}

showb();

if (!animated) {

animate(600);

}

}

for (var i = 0; i < buttons.length; i++) {

buttons[i].onclick = function () {

if (animate) {

return;

}

if(this.className == 'on') {

return;

}

var myIndex = parseInt(this.getAttribute('index'));

var offset = -600 * (myIndex - index);

showb();

if (!animated) {

animate(offset);

index = myIndex;

}

}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值