Elementor 图像旋转木马小部件:带灯箱和 Coverflow 的免费滑块

主插件中的图像传送带小部件将 WordPress 库变成可滑动的滑块。 您可以选择图像,选择桌面、平板电脑和手机上显示的数量,并添加自动播放、无限循环、灯箱和 3D 覆盖流布局如果您想要的话。 每张幻灯片都可以在其正常、悬停和活动状态下进行样式设计,箭头、点和进度条会跟随您的品牌。 它适用于投资组合、产品照片、酒店和物业之旅以及客户徽标。

高级布局和行为控制

覆盖流和传送带布局

在轮播设置中选择轮播或 Coverflow 布局。 每列幻灯片 设置有多少幻灯片一次显示,从 1 到 6,具有单独的桌面、平板电脑和移动设备值,因此轮播在没有额外 CSS 的情况下响应。 滑动到滚动设置每个步骤移动的距离。 循环使旋转木马无限,自动播放、中心滑动、抓取光标和拖动模式会改变它的移动方式。 当旋转木马位于标签或手风琴内时,打开观察者。

  • 响应:桌面、平板电脑和移动设备上的不同幻灯片。
  • 运动:自动播放速度、动画速度、悬停暂停和无限循环。
  • 高度:自动高度跟随最高的可见滑梯,或为传送带设置自定义高度。

样式幻灯片处于正常状态、悬停状态和活动状态

传送带项目部分在三个状态下围绕每个图像设置框。 设置背景、边框、阴影和填充,用于普通、悬停和活动,以及幻灯片和不透明度之间的项目间隙。 使用活动状态使中心滑梯从其邻居中脱颖而出。

  • 悬停:指针在幻灯片上时,阴影提升或颜色变化。
  • 活动:当前幻灯片上的不同边框或背景。
  • 框架:边框半径、盒子阴影和每件物品的填充。
风格 每个州的每个部分
导航和集成灯箱

图像轮播与灯箱、箭头、点和进度条

导航可以是箭头、点、箭头和点、箭头和分数,也可以是进度条,您可以向其中的任意一个添加可拖动的滚动条。 箭头采用自定义图标并坐在传送带内或外部。 灯箱默认处于打开状态,并使用 Fancybox 或 Elementor Lightbox 打开每个图像的全尺寸。 图像标题及其媒体库标题显示在灯箱中,您可以同时设置预览图标和叠加层的样式。

  • 箭头:颜色、大小、背景和水平偏移,并带有在移动设备上隐藏它们的选项。
  • 计数器:一个分数,例如 1 / 8,或顶部或底部的进度条。
  • 灯箱:Fancybox 或 Elementor,带有自定义预览图标和叠加层。

元素图像旋转木马与主插件图像旋转木马

Elementor 自己的图像轮播足以在幻灯片上带有标题的基本滑块。 当您需要一个 Coverflow 布局、进度条或分数计数器、FancyBox 或独立样式时,选择主插件。

元素图像旋转木马主插件图像旋转木马
价格免费的免费的
每个设备每视图的幻灯片是的是的
布局滑动或褪色旋转木马或 3D 覆盖流
标题幻灯片上:标题、标题或描述在灯箱中:图像标题和标题
导航箭头和点箭头、点、动态子弹、分数、进度条和滚动条
灯箱元件灯箱Fancybox 或 Elementor,带有自定义预览图标和覆盖层
幻灯片造型基本正常、悬停和活动状态
链接所有幻灯片的一个自定义 URL没有链接字段,在灯箱中打开图像

图像传送带小部件可以做什么和不能做什么

小部件中的内容和不包含什么的快速列表。

特点图片旋转木马
灯箱(花式箱或元素)是的
覆盖流布局是的
每台设备的幻灯片,1 到 6 个是的
箭头、点、分数、进度条和滚动条是的
自动播放和无限循环是的
普通、悬停和主动式滑梯造型是的
灯箱中的标题(图片标题和标题)是的
幻灯片上的标题否
每张图片链接否
多行否
视频幻灯片否
缩略图导航不,看 画廊滑块 (专业版)
模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
酒店之旅,三人对面有外箭头
酒店之旅,三人对面有外箭头
房产清单,一张带柜台的照片
房产清单,一张带柜台的照片
暗色部分上的 Coverflow 投资组合
暗色部分上的 Coverflow 投资组合
带有进度条的自动播放条
带有进度条的自动播放条
经销商到达,箭头和下方点
经销商到达,箭头和下方点
五宽覆盖流自行运行
五宽覆盖流自行运行
Lookbook 网格,带有动态子弹
Lookbook 网格,带有动态子弹
带定制图标的两人工作室之旅
带定制图标的两人工作室之旅
图像覆盖流
图像覆盖流
图片旋转木马
图片旋转木马

如何在 Elementor 中添加图像转盘

有关屏幕截图的较长演练,请阅读 elementor 中如何创建图像转盘.

  1. 安装免费的主插件并使用 Elementor 编辑您的页面。
  2. 在小部件面板中搜索图像轮播并将其拖入容器中。
  3. 单击图库字段,选择图像并设置图像分辨率。
  4. 设置每个设备显示多少张幻灯片,然后打开自动播放、循环和灯箱(如果您需要)。
  5. 选择旋转木马或 Coverflow,对幻灯片和箭头进行样式设计,然后发布。

相关旋转木马: 标志滑块, 滑块团队, 画廊滑块 (专业版)和 博客 小部件的旋转木马模式。 有关单个图像上的悬停动画,请参阅 图像悬停效果.

有关可过滤的图像网格,请参阅 可过滤图像库.

图像轮播常见问题

了解用户对图像轮播询问最多的查询,并在一个地方找到答案。
与 Elementor 的基本图像旋转木马相比,主要优势是什么?

Elementor 的图像传送带可以很好地处理一个简单的滑块:字幕、灯箱、自动播放和每个设备的幻灯片。 主插件添加了 3D 覆盖流布局、分数、进度条和滚动条导航、带有自定义预览图标的 Fancybox 或 Elementor Lightbox、普通、悬停和活动幻灯片的样式以及选项卡或手风琴内的旋转木马的观察者选项。

上传具有相同纵横比的图像,因为小部件以其自己的形状显示每张图像。 如果您无法先裁剪它们,请给小部件一个 CSS 类,并设置一个固定的高度,并使用 Object-Fit: 覆盖幻灯片图像。 自定义高度 设置传送带本身的高度,不会裁剪图像。

是的。 上传您的徽标图像。 在“旋转木马”选项卡中,设置正常状态不透明度或使用 CSS 过滤器将其设置为灰度。 然后,在悬停状态下,将不透明度设置回 1 并移除过滤器。 或使用 标志滑块 widget,它是为客户端徽标构建的。

它一次移动一步,无论是否自动播放。 对于不停地滑行的地带,请建造一个选框。 我们的 元素大帐篷指南 显示了三种方法。

滑块一次显示一个滑块,通常是全宽。 一个旋转木马在轨道上同时显示几个。 此小部件同时执行:将每列的幻灯片设置为 1,它可以用作滑块。 还有更多 旋转木马与滑块.

不 . 图像在灯箱中打开,小部件没有链接字段。 Elementor 自己的图像轮播有一个自定义 URL 选项,但它适用于每张幻灯片。 对于每个项目的链接,请使用 标志滑块.

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息