醜圖秀秀輪播實現分析。

需求:9張濾鏡模版,如果用戶選擇一張背景則這一張分別對應這9張模版,如果用戶選擇了兩張背景,則依次排列,即第3張模版對應背景的第一張,如果選擇三張背景圖仍是以此類推。

方法:

var that=this;
for (var i =0; i <= 8; i++) {//i從0到8,對應9張濾鏡。
if (i < that.data.allimage.length) { //指用戶選擇的圖片的個數。
var param = {};
var string ="imagefile[" + i + "].below";
param[string] = that.data.allimage[i];
that.setData(param);
}
var nn;
if (i >= that.data.allimage.length) {//當超出背景個數時。

if (i % that.data.allimage.length == 0) {
nn = 0;//將i 設置爲0
}

var param = {}; //使用this.setData({})給數組裏邊的對象的某一個屬性賦值時採用辦法。
var string ="imagefile[" + i + "].below";
param[string] = that.data.allimage[nn];
that.setData(param);
nn = nn + 1;
}
}
}

②醜圖羞羞的濾鏡和模版對應的方式是兩張圖片重疊一起實現。(兩張圖片使用absolute絕對定位在一塊)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章