起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2561|回复: 4

[结贴] 仿淘宝中图片滑动问题

[复制链接]

8

主题

18

帖子

63

积分

初级会员

Rank: 2

积分
63
QQ
发表于 2018-8-13 10:43:11 | 显示全部楼层 |阅读模式
直接对仿淘宝案例里的图片滑动进行改动,为什么会出现这种效果

图片滑动

图片滑动


代码

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
                        });
                }
        };

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36044
发表于 2018-8-13 14:24:02 | 显示全部楼层
debugger调试看图片获取到了吗?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

8

主题

18

帖子

63

积分

初级会员

Rank: 2

积分
63
QQ
 楼主| 发表于 2018-8-13 14:56:48 | 显示全部楼层
没获取到
回复

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36044
发表于 2018-8-13 16:22:19 | 显示全部楼层
没有获取到肯定不会显示啊,那就跟踪自己获取图片url的代码看看是什么地方不正确
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

8

主题

18

帖子

63

积分

初级会员

Rank: 2

积分
63
QQ
 楼主| 发表于 2018-8-20 08:19:45 | 显示全部楼层
谢谢,请结贴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-24 17:18 , Processed in 0.114048 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表