這個輪播一共五張圖片,每張是寬620高250。。。我先說下我的思路,我在box這個大的div里設置的是一張圖片的寬高,然后里面有個img的div,是拿來放圖片的,設置寬為3100也就是5張圖一共的寬度,box設置為over flow hidden。。。。基本上用這個布局來實現輪播。。。可是JS代碼我有點暈哎,望大神指導下!!function?playnext(){????//播放下一張
????var?slidercontent?=?document.getElementById();???//在("這里填寫存放輪播圖圖片的ID")
????slidercontent.style.webkitTransition="all?.3s?linear";??//為輪播添加過渡效果
????if(slidercontent.style.marginLeft==""){
????????slidercontent.style.marginLeft="0px";
????}
????var?sliderwidth?=?620;??????//每張圖片的大小
????if(parseInt(slidercontent.style.marginLeft)>-2480){?
????????slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px";
????}else{
????????slidercontent.style.marginLeft="0px";
????}
}
function?playprevious(){????//播放上一張
????var?slidercontent?=?document.getElementById("lunbo2");?
????if(slidercontent.style.marginLeft==""){
????????slidercontent.style.marginLeft="0px";
????}
????var?sliderwidth?=?620;//每張圖片的大小
????if(parseInt(slidercontent.style.marginLeft)<0){
????????slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)+sliderwidth+"px";
????}else{
????????slidercontent.style.marginLeft="-2480px";
????}
}尤其不理解這段代碼。。。if(parseInt(slidercontent.style.marginLeft)>-2480){ ? ? ? ?slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px"; ? ?}else{ ? ? ? ?slidercontent.style.marginLeft="0px"; ? ?}}有木有大神能講細點,菜鳥一枚啊,超級感謝?。。。。。。?!1
關于純JS實現定時器輪播,望大神解答下!!謝謝!?。?/h1>
nobcainiao
2015-10-17 11:49:18
nobcainiao
2015-10-17 11:49:18