请前端大佬进来，被一个轮播图吊打了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 399 天前的主题，其中的信息可能已经有所发展或是发生改变。

carousel

swiper 没有实用的 api 可以搞定这个需求 - -！

轮播图

swiper

API

21 条回复 • 2025-01-26 17:42:48 +08:00

6379616e

2024-07-30 18:58:52 +08:00

自顶别沉

7gugu

2024-07-30 19:37:59 +08:00

先详细描述一下你的需求？不然也不知道怎么给你建议啊

ChristopherCheng

2024-07-30 20:04:07 +08:00

让你好好学 JS 你不信。

seeu2ex

2024-07-30 20:11:54 +08:00 via iPhone

自己写一个

seeu2ex

2024-07-30 20:12:15 +08:00 via iPhone

@7gugu 意思就是轮播到中间的突出显示

Xu3Xan89YsA7oP64

2024-07-30 20:26:50 +08:00

难点在哪？

fov6363

2024-07-30 20:28:21 +08:00

https://codepen.io/donmar/pen/OZNEym 网上找到的一个 demo ，修改一下就行

LiuJiang

2024-07-30 20:44:45 +08:00

难点在那？

6379616e

2024-07-30 20:49:04 +08:00

@fov6363 我看到这个了，但是发现根本不行，它这个只是缩放了一下，我这里是要动态显示隐藏的描述内容

6379616e

2024-07-30 20:49:15 +08:00

@LiuJiang swiper 实现不了

poporange

2024-07-30 20:51:13 +08:00

老哥是游戏行业的？

v21984

2024-07-30 20:53:16 +08:00

无论是放大一些，还是拿到动态显示隐藏的描述内容，拿到当前 active 项想干嘛干嘛

Lush

2024-07-31 00:21:47 +08:00

简单写了一下 https://codesandbox.io/s/sleepy-morning-lmlc7g?file=/src/App.js

bojackhorseman

2024-07-31 01:05:25 +08:00 via iPhone

@6379616e 你是在侮辱 swiper ，最强轮播器🧐

cslive

2024-07-31 08:53:30 +08:00

f12 查看代买照着抄

pianjiao

2024-07-31 09:55:40 +08:00

Swiper 可以啊。右边的内容控制轮播 active 的时候显示不就好了，其他不是 active 状态的隐藏

lizy0329

2024-07-31 18:02:14 +08:00

动态宽度而已，再切换的瞬间，修改 width ，然后 update 一下就 OK 了

tianzi123

2024-08-01 09:19:33 +08:00

这玩意培训班出来的都能直接手写吧

0v5k3Pm87Rf6g7Sd

2024-08-05 17:04:04 +08:00

逆天，你是走后台进公司的吗，为啥我没工作

lukesy

2024-08-14 10:54:50 +08:00

这个不好做

Azer

219 天前

@Lush 这就是一个风琴轮播加缩放