仿淘宝的 轮播如何加上标题，动态变化的

470772345

仿淘宝的 轮播如何加上标题，动态变化的 ；求思路～～～～｀

闰土

什么加标题，轮播你直接往里面舔图片不就好了 ，参考仿淘宝案例代码：

1. Model.prototype.imgDataCustomRefresh = function(event) {
   
2.                 /*
   
3.                  * 1、加载轮换图片数据
   
4.                  * 2、根据data数据动态添加carouse组件中的content页面
   
5.                  * 3、如果img已经创建了，只修改属性
   
6.                  * 4、第一张图片信息存入localStorage
   
7.                  */
   
8.                
   
9.                 var url = require.toUrl("./main/json/imgData.json");
   
10.                 allData.loadDataFromFile(url, event.source, true);
    
11.                 var me = this;
    
12.                 var carousel = this.comp("carousel1");
    
13.                 event.source.each(function(obj) {
    
14.                         var fImgUrl = require.toUrl(obj.row.val("fImgUrl"));
    
15.                         var fUrl = require.toUrl(obj.row.val("fUrl"));
    
16.                         if (me.comp('contentsImg').getLength() > obj.index) {
    
17.                                 $(carousel.domNode).find("img").eq(obj.index).attr({
    
18.                                         "src" : fImgUrl,
    
19.                                         "pagename" : fUrl
    
20.                                 });
    
21.                                 if (obj.index == 0) {
    
22.                                         localStorage.setItem("index_BannerImg_src", fImgUrl);
    
23.                                         localStorage.setItem("index_BannerImg_url", fUrl);
    
24.                                 }
    
25.                         } else {
    
26.                                 carousel.add('<img src="' + fImgUrl + '" class="tb-img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');
    
27.                         }
    
28.                 });
    
29.         };
    

复制代码

470772345

闰土 发表于 2016-9-23 17:12
什么加标题，轮播你直接往里面舔图片不就好了 ，参考仿淘宝案例代码：

就是 现在图片加一层 div  ,div 放span 来显示这个图片相关 标题， 换图时，标题也会动态变化。

470772345

闰土 发表于 2016-9-23 17:12
什么加标题，轮播你直接往里面舔图片不就好了 ，参考仿淘宝案例代码：

carousel.add('<img src="' + fImgUrl + '" class="tb-img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');  我的思路是这里加  类似的代码  ，但没成功 ， 求指导

470772345

carousel.add('<img src="' + fImgUrl + '" class="tb-img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');  我的思路是这里加  类似的代码  ，但没成功 ， 求指导

闰土

470772345 发表于 2016-9-27 11:30
carousel.add('');  我的思路是这里加  类似的代码  ，但没成功 ， 求指导

你是怎么写，的这个是加一个图片，你要加一个类似span的标签，来访你的标题嘛？直接图片的后面添加，然后给他这个span设置样式，调整位置不可以么？

闰土

470772345 发表于 2016-9-27 11:30
carousel.add('');  我的思路是这里加  类似的代码  ，但没成功 ， 求指导

你是怎么写，的这个是加一个图片，你要加一个类似span的标签，来访你的标题嘛？直接图片的后面添加，然后给他这个span设置样式，调整位置不可以么？

470772345

闰土 发表于 2016-10-9 15:52
你是怎么写，的这个是加一个图片，你要加一个类似span的标签，来访你的标题嘛？直接图片的后面添加，然后 ...

        var me = this;
                var carousel = this.comp("carousel1");
                event.source.each(function(obj) {

                        var fImgUrl =me.getTotalUrl( obj.row.val("photo"))+"&scl=sml";
                        var _id =  obj.row.val("_id");
                        var _class = obj.row.val("hltype");
            var title = obj.row.val("title");
            
                        if (me.comp('contentsImg').getLength() > obj.index) {
                                $(carousel.domNode).find("img").eq(obj.index).attr({
                                        "src" : fImgUrl,
                                        "_id" : _id,
                                        "_class" : _class,
                                });
                                if (obj.index == 0) {
                                        localStorage.setItem("index_BannerImg_src", fImgUrl);
//                                        localStorage.setItem("index_BannerImg_url", fUrl);
                                }
                        } else {
                                carousel.add('<img src="' + fImgUrl + '" class= "imgSize"  bind-click="openPageClick" _id="' + _id
                                + ' " _class="'+ _class+' "/> '+'<div class="bottomDiv">'+' <span class= "recommendtitle"  color:#fff;">'+title+'</span>');
                               
                        }
                });

470772345

闰土 发表于 2016-10-9 15:52
你是怎么写，的这个是加一个图片，你要加一个类似span的标签，来访你的标题嘛？直接图片的后面添加，然后 ...

可以了 谢谢哈  

石成金

请问怎么实现的，能共享一下吗？