Skip to main content

Slideshow

Feature a slideshow gallery of all your chosen images

Diego Muralles avatar
Written by Diego Muralles
Updated this week

An image slideshow is a versatile tool that enables you to display multiple images within a single area on your webpage. This feature is especially useful for showcasing a variety of visual content without consuming additional space on the page. By cycling through a sequence of images, slideshows keep the layout clean and organized while engaging visitors with dynamic content. You can customize the transition effects, duration, and order of images to create a seamless and visually appealing presentation. Whether you're highlighting product photos, event snapshots, or portfolio pieces, an image slideshow enhances your site's aesthetics and functionality, offering a rich visual experience without compromising on space.

To adjust the focal point of an image within a Vev slideshow, follow these steps:

  1. Select the image you want to modify from the slideshow component.

  2. Double-click the image to open the Object Fit Editor.

  3. Use the Zoom slider to crop in or out as needed.

  4. Move the blue circle on the image preview to define which area of the image you want to emphasize as the focal point. These features enable you to control the composition and focus of each image within your slideshow, ensuring the most important areas are highlighted.

Adding a Slideshow in Vev

In some cases, you might encounter limitations when trying to adjust the focal point in Vev's default slideshow component. For example, double-clicking an image might only open a window that allows you to reorder images or add new ones, without providing options to fine-tune the focal point. If you require advanced editing capabilities, consider switching to the new Slider, which offers enhanced features such as focal point adjustments, custom transitions, and greater design flexibility.

Note: If you feel that the Slideshow doesn't offer enough customization options, we recommend using the Slider component instead. The Slider component supports advanced customization, such as focal point adjustments, custom transitions, and greater design flexibility, allowing you to create highly tailored slideshow experiences.

Uploading an Image

  • Double-click the slideshow

  • Click Image (+)

  • Select Add image or choose an image from one of our free stock images libraries

Configuration Options

Once you've added the Slideshow to your canvas, it's time to upload your image assets and adjust the configurations.
​
To start, double-click the element to open the configuration options.

Parameter

Description

Images

Add and arrange the sequence of your slideshow images.

Transition Animation

The animation transitions between the sequence of images when the slideshow is playing.

Hide dots

Optionally show or hide the navigation dots from the slideshow layout.

Hide arrows

Optional show or hide the previous/next arrows from the slideshow layout.

Add timer

Turns on autoplay - automatically skip to the next slide in the slideshow after a specified interval.

Time in seconds

The interval is used to control the speed of the slideshow when autoplay is activated (when the add timer option is turned on).

Did this answer your question?