轮播图添加文字效果

yym2302

轮播图控件如何在图片上面添加文字信息呢？求大神帮助

闰土

放一个span 或者 output 组件(基本任何组件都可以，)，作为放文字的容器，然后通过CSS 定位，把它放到图片的指定位置上，

yym2302

闰土 发表于 2016-10-18 13:39
放一个span 或者 output 组件(基本任何组件都可以，)，作为放文字的容器，然后通过CSS 定位，把它放到图片 ...

我添加了一个span标签，可是绑定文字，只在第一个图片左下角添加文字，求助

liangyongfei

yym2302 发表于 2016-10-22 10:19
我添加了一个span标签，可是绑定文字，只在第一个图片左下角添加文字，求助 ...

建议执行add方法的时候，里面的dom节点 做好文字图片的组合，直接加进去就行了

yym2302

liangyongfei 发表于 2016-10-22 11:43
建议执行add方法的时候，里面的dom节点 做好文字图片的组合，直接加进去就行了 ...

我用add方法的时候，数据有三个图片，会出现，多一张图片，第一张图片重复

liangyongfei

yym2302 发表于 2016-10-22 13:31
我用add方法的时候，数据有三个图片，会出现，多一张图片，第一张图片重复 ...

做法建议参考仿淘宝的实现！代码

yym2302

liangyongfei 发表于 2016-10-22 15:32
做法建议参考仿淘宝的实现！代码

代码全都是仿淘宝的，我就是在那个的基础上测试的，我想问那个add方法和.attr方法有什么区别和作用

闰土

yym2302 发表于 2016-10-22 15:41
代码全都是仿淘宝的，我就是在那个的基础上测试的，我想问那个add方法和.attr方法有什么区别和作用 ...

add 是添加，是有到没有，attr 是 设置属性 这个是jquery的dom方法， 在用法上，我的理解就是给一个对象添加属性用add，给一个jquery dom对象，设置属性值，用attr  比如 $(obj).attr("name","name")

yym2302

闰土 发表于 2016-10-24 09:29
add 是添加，是有到没有，attr 是 设置属性 这个是jquery的dom方法， 在用法上，我的理解就是给一个对象 ...

仿淘宝的做法，添加一个span标签，显示不出来文字信息，求助

liangyongfei

yym2302 发表于 2017-1-9 10:44
仿淘宝的做法，添加一个span标签，显示不出来文字信息，求助

本地测试：代码修改成可以正常显示如图

1. carousel.add('<img src="' + fImgUrl + '" class="tb-img1" bind-click="openPageClick" pagename="' + fUrl + '"></img><span>ttttttteeeeeeeeeessssssssssttttttttttt</span>');

复制代码