找回密码
 立即注册

QQ登录

只需一步,快速开始

牧者

初级会员

12

主题

46

帖子

234

积分

初级会员

积分
234
牧者
初级会员   /  发表于:2023-10-12 09:51  /   查看:4912  /  回复:27
10金币
本帖最后由 牧者 于 2023-10-24 11:24 编辑


现在需求是这样的,用的图文列表,这种点击向后移动一个,进行循环滚动,页面刷新时回到第一项


附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

27 个回复

正序浏览
Grayson.Shang活字格认证 Wyn认证
超级版主   /  发表于:2023-10-25 18:12:36
29#
牧者 发表于 2023-10-25 11:34
满足需求,除了向右移动,能不能加个向左移动的

还有就是这个我怎么使用到图文列表上面呀?

大佬您好,这个应该做不到图文列表中,应该是做单独的页面嵌入到活字格页面,或者做成插件应该是可以的,将数据源设置成图文列表的数据源,然后再调用第三方库,实现我前面提到的效果
数据源属性 - 活字格V9帮助手册 - 葡萄城产品文档中心 (grapecity.com.cn)
回复 使用道具 举报
牧者
初级会员   /  发表于:2023-10-25 11:34:07
28#
本帖最后由 牧者 于 2023-10-25 11:39 编辑
Grayson.Shang 发表于 2023-10-24 19:51
大佬您好,我这边做了一个比较简陋的一个测试,使用的是BootStrap,这种方式在做的时候,还是存在一些问 ...

满足需求,除了向右移动,能不能加个向左移动的

还有就是这个我怎么使用到图文列表上面呀?

回复 使用道具 举报
Grayson.Shang活字格认证 Wyn认证
超级版主   /  发表于:2023-10-24 19:51:10
27#
牧者 发表于 2023-10-24 11:14
大佬,您那边做的成功了吗?能实现吗?

大佬您好,我这边做了一个比较简陋的一个测试,使用的是BootStrap,这种方式在做的时候,还是存在一些问题,以为BootStrap,没有多图片轮转


不过经一个大佬点拨,Swiper中本身支持这样的功能,咱们可以尝试使用这个,Swiper本身提供的,咱们看看是否满足咱们的需求,满足的话集成进来就好,我已经上传了测试的demo,大佬可以先测试使用

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
没事测着玩
高级会员   /  发表于:2023-10-24 13:21:06
25#
本帖最后由 没事测着玩 于 2023-10-24 13:36 编辑
牧者 发表于 2023-10-24 11:14
大佬,您那边做的成功了吗?能实现吗?

最后一个div过渡到第一个的时候有点难搞,暂时没想到怎么平滑过渡,简易版demo我做了个,可能需要设置下列宽。

============================
正经的坐标平移距离的算法应该是:
1、把活字格里面的模板和图文列表宽度设置成固定的
2、防止意外发生,可以从dom树去计算每项的div宽度,也可以直接拿设计器里面总的列宽来。
3、把这个替换为计算好的平移距离即可。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
牧者
初级会员   /  发表于:2023-10-24 11:14:47
24#
Grayson.Shang 发表于 2023-10-19 18:16
大佬您好,您说的这种方式只能尝试着写代码或者开发插件了,我这边先做一个尝试,但是不确实是否可以完成

大佬,您那边做的成功了吗?能实现吗?
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2023-10-20 13:59:22
23#
感谢您对活字格的支持。
后面有问题,欢迎继续发新帖交流
回复 使用道具 举报
牧者
初级会员   /  发表于:2023-10-19 18:39:36
22#
Grayson.Shang 发表于 2023-10-19 18:16
大佬您好,您说的这种方式只能尝试着写代码或者开发插件了,我这边先做一个尝试,但是不确实是否可以完成

谢谢大佬,麻烦了
回复 使用道具 举报
Grayson.Shang活字格认证 Wyn认证
超级版主   /  发表于:2023-10-19 18:16:04
21#
大佬您好,您说的这种方式只能尝试着写代码或者开发插件了,我这边先做一个尝试,但是不确实是否可以完成
回复 使用道具 举报
牧者
初级会员   /  发表于:2023-10-19 11:49:38
20#
Grayson.Shang 发表于 2023-10-18 16:20
大佬您好,咱们说的平滑切换是指增加切换数据时的动画吗,还是指的其他什么。我没太理解大佬的意思,大佬能 ...

我的意思是和走马灯一样,而不是现在这种刷新的方式,刷新的方式感觉怪怪的,效果例如下面的 “  专题专栏”
回复 使用道具 举报
Grayson.Shang活字格认证 Wyn认证
超级版主   /  发表于:2023-10-18 16:20:08
19#
大佬您好,咱们说的平滑切换是指增加切换数据时的动画吗,还是指的其他什么。我没太理解大佬的意思,大佬能说一下嘛
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部