|
直接对仿淘宝案例里的图片滑动进行改动,为什么会出现这种效果
图片滑动
代码
Model.prototype.imgDataCustomRefresh = function(event){
/*
* 1、加载轮换图片数据
* 2、根据data数据动态添加carouse组件中的content页面
* 3、如果img已经创建了,只修改属性
* 4、第一张图片信息存入localStorage
*/
var url = require.toUrl("./mainPage/json/imgData.json");
allData.loadDataFromFile(url, event.source, true);
var me = this;
var carousel = this.comp("carousel1");
event.source.each(function(obj) {
var fImgUrl = require.toUrl(obj.row.val("fImgUrl"));
var fUrl = require.toUrl(obj.row.val("fUrl"));
if (me.comp('contentsImg').getLength() > obj.index) {
$(carousel.domNode).find("img").eq(obj.index).attr({
"src" : fImgUrl,
"pagename" : fUrl
});
if (obj.index == 0) {
localStorage.setItem("index_BannerImg_src", fImgUrl);
localStorage.setItem("index_BannerImg_url", fUrl);
}
} else {
carousel.add('<img src="' + fImgUrl + '" class="tb-img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');
}
});
};
Model.prototype.modelModelConstruct = function(event){
/*
* 1、数据模型创建时事件 2、加载静态图片或从缓存中加载图片
*/
var carousel = this.comp("carousel1");
var fImgUrl = localStorage.getItem("index_BannerImg_src");
if (fImgUrl == undefined) {
$(carousel.domNode).find("img").eq(0).attr({
"src" : "./mainPage/img2/1.jpg",
"pagename" : "./detail.w"
});
} else {
var fUrl = localStorage.getItem("index_BannerImg_url");
$(carousel.domNode).find("img").eq(0).attr({
"src" : fImgUrl,
"pagename" : fUrl
});
}
};
|
|