点击箭头滚动，到最后一个图片时，第一张循环到最后

ShiG · ShiG

本帖最后由 ShiG 于 2023-10-13 11:41 编辑

牧者发表于 2023-10-13 10:43
这个能不能做到首尾循环呀

大佬要的是这个效果吗我在原版基础上修改了一下js 觉得有用送点金币把感谢

牧者 · 牧者

ShiG 发表于 2023-10-13 11:23
大佬要的是这个效果吗我在原版基础上修改了一下js 觉得有用送点金币把感谢

差点意思想要的效果的是当到达最后一张图片的时候接着往后排不算循环翻页 123456 点击下一页就是6到5的位置 1就补上去这样走

Simon.Sun · Simon.Sun

大佬，我理解您的这个需求用图片轮转插件就可以实现：

图片轮转 - 葡萄城市场 (grapecity.com.cn)

牧者 · 牧者

Simon.Sun 发表于 2023-10-13 15:21
大佬，我理解您的这个需求用图片轮转插件就可以实现：

图片轮转 - 葡萄城市场 (grapecity.com.cn)

那个实现不了，那个只能实现单张图片的轮播，我是要实现总共1、2、3、4、5张图片，页面默认显示1、2、3；当我点击右箭头时，原有1、2、3变为了2、3、4，依次类并循环，3、4、5； 4、5、1； 5、1、2

Grayson.Shang · Grayson.Shang

大佬您好，咱们想要的效果是不是这样子的，这个是ElementUI的走马灯，不过活字格中暂时还没有集成这个

Carousel 走马灯 | Element Plus (element-plus.org)

这个功能咱们若是需要的话，可以试试将ElementUI的这个组件做一个插件，进行使用

牧者 · 牧者

Grayson.Shang 发表于 2023-10-13 15:56
大佬您好，咱们想要的效果是不是这样子的，这个是ElementUI的走马灯，不过活字格中暂时还没有集成这个

...

我要的效果和走马灯还是有些区别的，我需要123张图并列显示在页面上。

Grayson.Shang · Grayson.Shang

向大佬们求助，必有金币相赠

牧者 · 牧者

Simon.Sun 发表于 2023-10-12 09:51
您好，这边做了一个 Demo，您可以参考一下，利用了取模运算实现图片序号轮转循环。
比如说，一共有 5 张图 ...

版主，这个虽然能实现，但是怎么点击下一张的时候，在刷新啊，能做到平滑切换吗？

Grayson.Shang · Grayson.Shang

大佬您好，咱们说的平滑切换是指增加切换数据时的动画吗，还是指的其他什么。我没太理解大佬的意思，大佬能说一下嘛

牧者 · 牧者

Grayson.Shang 发表于 2023-10-18 16:20
大佬您好，咱们说的平滑切换是指增加切换数据时的动画吗，还是指的其他什么。我没太理解大佬的意思，大佬能 ...

我的意思是和走马灯一样，而不是现在这种刷新的方式，刷新的方式感觉怪怪的，效果例如下面的 “ 专题专栏”

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

[已处理] 点击箭头滚动，到最后一个图片时，第一张循环到最后