Elementor图像轮播（图像幻灯器）如何添加使用？

图像轮播小工具(image carousel )是 Elementor免费版提供的一个小工具，也叫图像幻灯器。允许用户在页面添加动态滑动的图片来组成画廊展示。魏艾斯笔记分享如何在 Elementor中添加使用图像轮播小工具(image carousel )。

原来叫图像轮播，现在叫图像幻灯器，英文名 image carousel，供参考。

1、添加图像轮播功能

新增页面，使用 elementor编辑，搜索 image 在搜索结果中拖动“图像幻灯器”到右侧编辑区域。

2、图像轮播参数设置

2.1、内容

• 图像轮播：添加图像按钮选择要显示的图像。选择创建新图库，插入图库，上传图片。
• 图像尺寸：图像的大小。小图、中等、中大、大图、到完整，或输入自定义大小。
• 幻灯片 : 可见幻灯片数量，从 1 到 10，适用于台式机、平板电脑和移动设备。而且可以分别设置这三种设备。
• 幻灯片滚动 : 每次滑动滚动多少张幻灯片。还可以根据这三种设备分别设置。
• 图像拉伸：选择是或否
• 导航：导航箭头、点、两者或无
• 链接到：图片链接到各自的媒体文件、自定义 URL 或无
• 标题：图片标题设置为无、标题、标题或说明

其他选项

• 自动播放：选择是或否自动旋转幻灯片
• 悬停时暂停：悬停在轮播上时是否暂停自动播放。
• 交互时暂停：当用户与轮播交互时是否暂停自动播放。
• 自动播放速度：设置下一张幻灯片开始滚动所需的时间。以毫秒为单位，1000 毫秒等于 1 秒。
• 无限循环：无限循环地显示轮播。
• 动画速度 : 设置幻灯片动画的速度，以毫秒为单位
• 方向：幻灯片向左或向右滑动

2.2、样式

导航

• 箭头位置: 设置滑块内部或外部的箭头位置
• 大小：设置箭头的确切大小
• 颜色: 设置箭头的颜色

图像

• 垂直对齐：图像垂直对齐到顶部、中间或底部
• 间距：设置幻灯片之间的间距。选择默认（20像素）或自定义
• 边框类型：无、实线、双实线、圆点、虚线或凹槽
• 边框半径 : 设置border-radius，控制边框的圆角

字幕

• 对齐：居左、居右、居中、两端对齐
• 文本颜色：选择文字的颜色。默认使用全局颜色
• 字体：默认使用全局文字排版，也可以自定义。
• 文本阴影：给文本设置阴影、模糊度、水平或垂直模糊。

2.3、高级设置

外边距、内边距、CSS ID、动作效果等等就不细说了。这里用的比较少。

3、总结

Elementor图像轮播（图像幻灯器）一般用于多图展示的情况。比如酒店中的多种菜品展示、外贸工厂的产品多图、多角度展示等等，应用场景很多，大家妥善利用，会提高访客体验，也会给网站SEO加分。