由於官方的資料有限,在提供的Taobao案例裏沒有寫明,所以筆者測試了N次和網上找資料(無果)之下,終於找到最簡單的方法,現給大家分享,希望能幫到有需要的童鞋~
carousel控件在使用前先清除上次的代碼:
//每次使用輪換圖前先清空原來的圖片方法,但要加回1個頁面,
//然後再將索引跳到0纔會有效。
var carousel = this.comp("carousel1");
var contents = this.comp("contents1");
carousel.removeAll();
carousel.add('<img src="" class="image-wall tb-img"/>');
contents.to(0);
然後再按圖片的數量重複添加進去,0索引的圖片就更新src:
if (i == 0) {
$(carousel.domNode).find("img").eq(0).attr({
"src" : src
});
} else {
carousel.add('<img src="' + src + '" class="image-wall tb-img"/>');
}
有什麼不明的可以直接評論,有空就回,謝謝支持!