“动起来的网页，才是活的。”
走马灯组件是网页中打破沉闷、增加律动感的神器。无论是像流水线一样匀速滚动的客户 Logo 墙，还是极具空间景深的 3D 倾斜画廊，SX-Creval 系统为你准备了 4 款 顶级好莱坞特效的走马灯组件。你只需上传图片并敲入几行介绍，系统会自动为你渲染出一场视觉盛宴。
1. 四大高定画廊版式 (Gallery Layouts)
在添加走马灯模块时，你可以根据手头的素材类型，从以下 4 款排版中挑选最适合的一款：
款式一：自滚动 LOGO 墙 (Infinite Auto-Scroll)
- 视觉特点：最经典的“信任背书 (Trust Badge)”组件。所有的图片排成一条长龙，在屏幕中央无缝、匀速地循环滚动。
- 交互魔法：当访客的鼠标悬停在某一个 Logo 上时，整条长龙的滚动速度会瞬间变慢，方便客户仔细查看；移开鼠标后，又会恢复正常速度。
- 适用场景：强烈推荐用于首页！ 它是展示你们的“合作世界 500 强客户 Logo”、“ISO/CE 等国际认证图标”或“行业主流媒体报道”的最佳容器。（建议至少上传 5-8 张图片，以保证滚动的连贯性。）
款式二：标准画廊卡片 (Standard Gallery)
- 视觉特点：整齐划一的卡片式轮播。每张卡片上方是一张精美的裁切图，下方带有标题和描述。
- 暗黑模式自适应 (Glassmorphism)：如果你在【背景设置】中给整个版块垫了一张深色底图，请务必勾选“卡片颜色反转”！ 所有的白色卡片会瞬间化为深邃的半透明毛玻璃，呈现极具科技感的高端质感。
- 适用场景：适合用来展示“标准化生产流程的 6 个车间”或“公司的 8 项核心检测设备”。
款式三：大幅 1+2 视差轮播 (Hero 1+2 Slider)
- 视觉特点：最具视觉张力的大型组件！ 打破了“每张图一样大”的死板排版。屏幕中央始终保持着一张极具冲击力的 巨幅高亮焦点图，而两侧则露出上一张和下一张图片的部分边缘，产生极强的纵深视差感（Parallax Effect）。
- 交互魔法：当访客点击两侧的图片或滑动屏幕时，焦点图会产生极其顺滑的 3D 缩放切换。图片下方的悬浮文字也会随之优雅淡入。
- 适用场景：极其适合放置“企业最核心的三大厂区航拍图”或“重磅旗舰产品的 3 个核心应用场景”。
款式四：标准倾斜相册 (Tilted Gallery)
- 视觉特点：自带苹果发布会的高级感！ 在标准画廊的基础上，所有的卡片在滑动时会产生轻微的 3D 倾斜与翻转透视（Tilt 透视）。这种微妙的空间错觉，让你的网页彻底告别扁平化。
- 排版细节：此款式的文字排版也进行了革新，采用了“大字报”风格。卡片的描述反而变成了最醒目的主视觉，而卡片标题则变成了顶部的一行极简修饰语。
- 适用场景：适合作为“设计团队风采”、“核心技术专利墙”或任何需要彰显前卫设计感的展示区域。
2. 动效与体验优化 (Animation & Experience)
- 丝滑拖拽手感 (Swipe Friendly)：
所有走马灯组件在手机端和电脑端均完美支持“手指滑动/鼠标拖拽”操作，手感如丝般顺滑，毫无滞涩感。 - 好莱坞级出场特效：
为了不让这些巨大的画廊显得突兀，强烈建议你在【动效设置】中为组件加上 渐进上浮 的出场动画。当访客滚动到该版块时，整个走马灯会伴随着轻盈的呼吸感缓缓浮现在屏幕上。
💡 SX-Creval 画廊策展避坑指南 (Pro Tips)
- LOGO 墙的高级感秘籍：
在款式一（自滚动 LOGO）中，千万不要上传五颜六色、带有乱七八糟白底的 Logo 图片！
最顶级、最具逼格的做法是：用图片处理软件，把所有合作客户的 Logo 全部处理成纯白色（或纯深灰色）的透明 PNG 格式，并且统一它们的大小比例。当一排整齐的单色 Logo 在深色光斑背景上缓缓滚动时，你们公司的实力将不言而喻。 - 宽高比一致法则：
在款式二、三、四中，虽然系统会自动进行裁切优化，但请尽量确保你在同一个走马灯里上传的图片，原始宽高比例是相近的（比如全是横图，或全是方图）。这能保证切换时的动画最完美，不会产生难看的黑边或排版跳动。 - 克制的文案艺术：
画廊主要是用来看图的，文字只是辅助。在填写【卡片标题】和【卡片描述】时，请将总字数控制在两行以内。例如：标题写 "Smart Warehouse"，描述写 "Over 20,000 sqm of AI-managed inventory space" 即可，切忌长篇大论。