高级布局和行为控制
完全控制转盘的外观和行为 选择转盘或 Coverflow 布局 为网格状显示设置每列幻灯片并定义要滚动的幻灯片数量 启用自动播放、循环、中心模式等功能,甚至可以进行交互拖动的抓取光标。 Observer 选项可确保其在选项卡或手风琴内部完美工作。
- 灵活的布局:创建多行网格或经典水平滑块,完全控制列和滚动。
- 平滑交互:设置自动播放速度、动画速度,并启用悬停暂停以实现用户友好的行为。
- 智能自适应功能:使用自动高度来避免尴尬的空白空间,并使用观察者使其在隐藏容器中工作。
风格每个部分,在每个州
使您的旋转木马成为您设计的完美部分 不要只是为每个项目设计图像风格,而是为每个项目的容器设置独特的背景、边框、阴影和填充,以适应正常、悬停和活动状态 调整项目间隙和整体不透明度 这一细节级别可让您创建交互卡片,突出显示活动幻灯片,并在用户交互时提供清晰的视觉反馈。
- 交互式反馈:设计独特的悬停效果(例如阴影提升或颜色变化)以吸引访客。
- 主动幻灯片突出显示:使当前中心幻灯片以不同的边框或背景脱颖而出。
- 完整的视觉控制:自定义边框半径、盒子阴影和填充,以实现完美的物品框架。
导航和集成灯箱
在图像转盘上正确引导访客。设计优雅的箭头导航,带有自定义图标、颜色、背景和定位(内部、外部)。将它们隐藏在移动设备上,以获得更干净的外观。然后,使用内置的 Lightbox 启用您的图库。自定义预览图标、叠加和标题排版。在 Fancybox 和 Elementor 之间进行选择,以美丽的全屏查看体验打开图像。
- 自定义导航箭头:从头开始的样式箭头会更改其颜色、大小、背景和水平偏移。
- 移动优化:选择在移动设备上隐藏箭头并依靠滑动手势来获得原生感觉。
- 高级灯箱:提供带有可定制图标和覆盖层的放大视图,将旋转木马变成完整的画廊。
元素图像旋转木马与主插件图像旋转木马
2个小部件都是免费的,Elementor的版本对于一个带有字幕和链接的基本滑块来说就足够了,当你需要覆盖流布局、成排的图像或更多控制导航和滑块样式时,选择Master Addons。
| 元素图像旋转木马 | 主插件图像旋转木马 | |
|---|---|---|
| 价格 | 免费的 | 免费的 |
| 每个设备每视图的幻灯片 | 是的 | 是的 |
| 布局 | 滑动或褪色 | 旋转木马或 3D 覆盖流 |
| 多行 | 否 | 是的,每列都有幻灯片 |
| 导航 | 箭头和点 | 箭头、点、动态子弹、分数、进度条和滚动条 |
| 灯箱 | 元件灯箱 | Fancybox 或 Elementor,带有自定义预览图标和覆盖层 |
| 幻灯片造型 | 基本 | 正常、悬停和活动状态 |
| 将每个图像链接到 URL | 是的 | 不,图像在灯箱中打开 |
如何在 Elementor 中添加图像转盘
有关屏幕截图的较长演练,请阅读 elementor 中如何创建图像转盘.
图像轮播常见问题
与 Elementor 的基本图像旋转木马相比,主要优势是什么?
Elementor 的免费图像旋转木马可以很好地处理简单的滑块:说明文字、灯箱、自动播放和每个设备的幻灯片。Master Addons 添加了 3D 覆盖流布局、每列幻灯片的多行网格、分数、进度条和滚动条导航、带有自定义预览图标的 Fancybox 或 Elementor 灯箱的选择、正常、悬停和活动幻灯片的造型以及选项卡或手风琴内部旋转木马的观察者选项。
如果我启用"自动高度",我的图像会被拉伸或裁剪吗?
No。Auto Height 调整整体转盘容器的高度,以匹配当前可见的最高幻灯片,您的图像将根据您的其他设置(如“图像大小”)保持其纵横比,如果您有不同肖像/风景方向的图像,它可以防止固定高度创建大的空白空间。
我可以使用它来制作灰度到悬停着色的徽标滑块吗?
Absolutely!这是一个完美的用例,上传您的标志图像,在旋转木马项目选项卡中,设置正常状态不透明度或使用CSS过滤器使其灰度,然后,在悬停状态下,将不透明度设置回1并删除过滤器,内置悬停样式使这种效果很容易,无需自定义代码或使用 标志滑块 widget,它是为客户端徽标构建的。
"观察者"设置是如何工作的, 我应该在什么时候使用它?
Observer 观看转盘容器的更改。当您将转盘放置在选项卡、手风琴或拨动小部件内,或最初隐藏的任何地方时,启用它(设置为 Yes)。这可确保用户单击显示其父容器时,转盘渲染和功能正确。如果它在选项卡内损坏,通常会修复它。
一页上有多个自动播放的旋转木马会导致性能问题吗?
多(比如15+),它可以,每个自动播放旋转木马都是浏览器必须动画化的移动元素,为了获得最佳性能,将自动播放限制在你最重要的英雄旋转木马上,对于其他人,考虑让用户手动滚动,另外,使用优化的图像大小(通过图像分辨率设置)对于速度至关重要。
我可以将转盘项目链接到不同的 URL 而不是仅链接到灯箱吗?
Not with this widget。it 在一个灯箱中打开图像,如果每张幻灯片都需要自己的链接,则使用 标志滑块的,或者是元素人自己的图像轮播中的链接选项。
