carousel幻灯片轮播的问题

baoer_860425 · 发表于 2017-4-10 15:14:27

本帖最后由 baoer_860425 于 2017-4-10 15:16 编辑

按照仿淘宝案例，来做的幻灯片轮播，数据库图片路径已经获取到了。我数据库有2张图图片。只在imgData组件的事件onCustomRefresh中的值为imgDataCustomRefresh时，但是只显示一张。分别如图一：

图一

JS代码如下：
Model.prototype.imgDataCustomRefresh = function(event) {
            /*
               * 1、加载轮换图片数据
               * 2、根据data数据动态添加carousel组件中的content页面
               * 3、如果img已经创建了，只修改属性
               * 4、第一张图片信息存入localStorage
               */


            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("fFileName"));
                     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 + '"/>');
                     }
            });
      };

浏览器显示结果如图二：

图二

在仿淘宝案例里面，imgData组件分别是自定义属性onCustomRefresh与事件onCustomRefresh中，分别都为imgDataCustomRefresh。但是我也在我的自定义属性onCustomRefresh添加值时，如图三：

图三

以为就能把我数据库2张图片给轮播出来时，结果却是图片就不能显示了，如图四：

图四

看了很多关于attachmentsimple上传到数据库图片与carousel组件实现幻灯片轮播的帖子，没有找到解决答案。

baoer_860425 · 发表于 2017-4-10 15:20:08

能显示图片时，图片绑定路径为：
2017.4.10-5.png

半导体 · 发表于 2017-4-10 16:21:37

你的数据获取到了吗？

baoer_860425 · 发表于 2017-4-10 16:31:01

获取到了吧，能显示一张我数据库里的图片

半导体 · 发表于 2017-4-10 16:38:20

baoer_860425 发表于 2017-4-10 16:31
获取到了吧，能显示一张我数据库里的图片

把你的文件打包发过来我看一下

baoer_860425 · 发表于 2017-4-10 17:47:25

半导体发表于 2017-4-10 16:38
把你的文件打包发过来我看一下

加你QQ了

baoer_860425 · 发表于 2017-4-10 18:03:27

lfc.rar (1.52 MB, 下载次数: 91)

		自动登录	找回密码
密码			注册

[处理中4] carousel幻灯片轮播的问题