Image carousel widget(image carousel) is a small tool provided by the free version of Elementor, also calledImage Slider。Users are allowed to add dynamic sliding pictures on the page to form a gallery display.WeiAiSi notes how to add image carousel in Elementor.
Add a new page, edit it with elementor, search image. Drag the "Image Slider" in the search results to the editing area on the right.
2. Image carousel parameter setting
2.1 Content
Image carousel: Add an image button to select the image to display.Select Create new gallery, insert gallery and upload pictures.
Image size: the size of the image.Small, Medium, Medium, Large, Full, or enter a custom size.
Slides: Number of visible slides, from 1 to 10, applicable to desktops, tablets and mobile devices.These three devices can be set separately.
Slide scrolling: how many slides to scroll in each slide.It can also be set separately according to these three devices.
Image stretch: select Yes or No
Navigation: navigation arrow, point, both or none
Link to: Pictures link to their respective media files, custom URLs, or none
Title: set the picture title to none, title, title or description
Other options
Autoplay: Select Yes or No to automatically rotate the slide
Pause on Hover: whether to pause the automatic play when hovering over the carousel.
Pause during interaction: whether to pause the automatic play when the user interacts with the carousel.
Auto playback speed: set the time required for the next slide to start scrolling.In milliseconds, 1000 milliseconds equals one second.
Infinite loop: Display the carousel in an infinite loop.
Animation speed: set the speed of slide animation, in milliseconds
Direction: slide left or right
2.2 Style
Navigation
Arrow position: set the arrow position inside or outside the slider
Size: set the exact size of the arrow
Color: setting the color of arrows
image
Vertical alignment: vertically align the image to the top, middle, or bottom
Spacing: Sets the spacing between slides.Select default (20 pixels) or custom
Border type: none, solid line, double solid line, dot, dotted line or groove
Border radius: set border radius to control the fillet of the border
subtitle
Align: Left, Right, Center, Justified
Text Color: Select the color of the text.Use global color by default
Font: global text typesetting is used by default, which can also be customized.
Text shadow: set shadow, blur, horizontal or vertical blur for text.
2.3 Advanced settings
The outer margin, inner margin, CSS ID, action effect, etc. will not be discussed in detail.It is seldom used here.
3. Summary
Elementor image carousel (image slide projector) is generally used for multi image display.For example, a variety of dishes are displayed in the hotel, the products of foreign trade factories are displayed in multiple pictures and angles, and there are many application scenarios. Proper use of them will improve the visitor experience and give website SEO points.
Article name: How to add and use Elementor image carousel Article link:https://www.vpsss.net/27760.html Copyright notice: The resources of this website are only for personal learning and exchange, and are not allowed to be reproduced and used for commercial purposes, otherwise, legal issues will be borne by yourself. The copyright of the pictures belongs to their respective creators, and the picture watermark is for the purpose of preventing unscrupulous people from stealing the fruits of labor.
