|
Model.prototype.imgDataCustomRefresh = function(event){
/* * 1、加载轮换图片数据
* 2、根据data数据动态添加carouse组件中的content页面
* 3、如果img已经创建了,只修改属性
* 4、第一张图片信息存入localStorage
*/
var url = require.toUrl("./json/main/imgData.json");
allData.loadDataFromFile(url, event.source, true);
var me = this;
var carousel = this.comp("carousel2");
event.source.each(function(obj) {
var fImgUrl = require.toUrl(obj.row.val("fImgUrl"));
if (me.comp('contentsImg').getLength() > obj.index) {
$(carousel.domNode).find("img").eq(obj.index).attr({
"src" : fImgUrl
});
if (obj.index == 0) {
localStorage.setItem("index_BannerImg_src", fImgUrl);
}
} else {
carousel.add('<img src="'+ fImgUrl + '" class="tb-img1"/>');
}
});
};
我的js代码是这样,但是他只能加载一张图片,其他图片加载不了,没有轮播图片的效果 |
|