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

QQ登录

只需一步,快速开始

查看: 9661|回复: 8

[结贴] contents 图片切换

  [复制链接]

8

主题

19

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
发表于 2014-12-17 13:01:50 | 显示全部楼层 |阅读模式
一个contents 里面放了一些content 每个content里放了一张图片 然后想实现循环切换图片的功能 求解

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
发表于 2014-12-17 13:50:41 | 显示全部楼层
定时调用contents组件的next方法
        Model.prototype.modelLoad = function(event){
                var self = this;
                window.changeImage = function(){
                        self.comp('contents1').next();
                };
                setInterval('changeImage()', 1000);
        };
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

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

使用道具 举报

8

主题

19

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
 楼主| 发表于 2014-12-17 14:54:13 | 显示全部楼层
zhaixin 发表于 2014-12-17 13:50
定时调用contents组件的next方法
        Model.prototype.modelLoad = function(event){
                var self = this;

ok了
回复 支持 反对

使用道具 举报

52

主题

209

帖子

482

积分

中级会员

Rank: 3Rank: 3

积分
482
QQ
发表于 2015-4-24 23:46:09 | 显示全部楼层
不知道为什么,跳到最后一页的时候是一个空白页,然后在次循环的时候就停了下来,不走了。不能正常循环。楼上的怎么就OK了
回复 支持 反对

使用道具 举报

311

主题

944

帖子

1708

积分

金牌会员

Rank: 6Rank: 6

积分
1708
QQ
发表于 2015-4-30 21:02:42 | 显示全部楼层
hnytkeok 发表于 2015-4-24 23:46
不知道为什么,跳到最后一页的时候是一个空白页,然后在次循环的时候就停了下来,不走了。不能正常循环。楼 ...

三楼的代码是不完整的,会出现你说的情况,代码中要加以判断,当是最后一张时,要从第一张重新开始,否则会出现空白页。

如果切换的图有三张,则代码如下:

//实现循环切换图片
                window.changeImage = function(){
                   var idx = m.comp('carousel').getActiveIndex();                  
                   if(idx === -1 ||idx === 2){
                     m.comp('carousel').to(0);
                   }else{
                     m.comp('carousel').next();
                   }           
        };
        setInterval('changeImage()', 1500);       


这样就没有问题了。
怒发冲冠凭栏处,潇潇雨歇,抬望眼,仰天长啸,壮怀激烈。  
三十功名尘与土,八千里路云和月,莫等闲,白了少年头,空悲切
回复 支持 反对

使用道具 举报

52

主题

209

帖子

482

积分

中级会员

Rank: 3Rank: 3

积分
482
QQ
发表于 2015-4-30 23:18:16 | 显示全部楼层
本帖最后由 hnytkeok 于 2015-4-30 23:19 编辑

大师,非常感谢您! 搞定了。

您是高手,能不能帮看一下
http://bbs.wex5.com/forum.php?mod=viewthread&tid=71400&extra=page%3D1
回复 支持 反对

使用道具 举报

4

主题

16

帖子

47

积分

新手上路

Rank: 1

积分
47
QQ
发表于 2015-5-3 10:50:19 | 显示全部楼层
谢谢 分享了!!!这个东西 找了好几天了 ,。。。。
回复 支持 反对

使用道具 举报

0

主题

1

帖子

7

积分

新手上路

Rank: 1

积分
7
QQ
发表于 2016-2-26 22:25:08 来自手机 | 显示全部楼层
留脚印
回复

使用道具 举报

6

主题

30

帖子

76

积分

初级会员

Rank: 2

积分
76
QQ
发表于 2016-8-15 11:31:19 | 显示全部楼层
zhaixin 发表于 2014-12-17 13:50
定时调用contents组件的next方法
        Model.prototype.modelLoad = function(event){
                var self = this;

请问大师,carousel 里面的图片怎么移除?
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 10:13 , Processed in 0.088416 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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