獲取后台輪播圖圖片,讓其自動播放


1、從后台獲取輪播圖圖片

$(function(){
  //輪播圖方法(圖片索引,對應圖片,圖片長度)   
function lunImg(nums,img,imgLength) {   $("#kImg").attr("src","");   $("#kImg").attr("src",urllogo+img).animate({width:'100%',opacity:'1'},3000);   $("#spanR").text(parseInt(nums+1)+"/"+imgLength); }   //傳listID調接口   webData("getkeow",listID); //接口名,列表ID
ttyu.server.doServiceJsonp(serverJson.serverUrl,tdata,"",function(datas){ if(datas[0] != null){ //輪播圖 var str1 = ""; var str2 = ""; var sz="";
    //判斷圖片是否為空,如果不為空,用逗號分割;
if(datas[0].carouselImages !="") {   sz=datas[0].carouselImages.split(","); }
    //輪播圖默認的第一張圖片 $(
"#kImg").attr("src",urllogo+sz[0]);
    //如果圖片的個數大於0,讓其自動播放   
if(sz.length>0) { $("#spanR").text("1/" + sz.length); //如果圖片個數大於0,顯示的第幾張圖片/總圖片個數 (默認為1) var num=0; //定義圖片的索引 function lun() {   if(num==sz.length-1){ //如果圖片是最后一張,讓其索引為0   num=0; lunImg(num,sz[num],sz.length); //調方法(圖片索引,對應圖片,圖片個數) }else { num++; //圖片累加 lunImg(num,sz[num],sz.length); }  } setInterval(lun,3000); //設置定時器 }else { $("#spanR").text("0/" + sz.length); //如果圖片個數小於0,顯示 0/0 } } })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM