Benefits of Using Slideshows
Space Efficiency: Showcase multiple images without consuming additional page space
Visual Engagement: Display dynamic content that captures visitor attention
Customizable Presentation: Control transition effects, timing, and image sequence
Versatile Applications: Ideal for product galleries, portfolio showcases, event photos, and promotional content
Adding a Slideshow in Vev
To incorporate a slideshow into your Vev project:
Navigate to the components panel
Locate and select the Slideshow component
Drag the component onto your canvas
Position it within your desired layout
Uploading Images to Your Slideshow
To add images to your slideshow:
Double-click the slideshow component on your canvas
Click the Image (+) button
Choose from these options:
Add Image: Upload your own image files
Stock Images: Browse Vev's free stock image libraries
Select your desired images to add them to the slideshow sequence
Configuring Your Slideshow
Double-click the slideshow component to access these configuration options:
Content Settings
Images: Add, remove, and arrange the sequence of slideshow images
Transition Animation: Select the animation style that plays between images
Display Options
Hide Dots: Toggle to show or hide the navigation dots indicator
Hide Arrows: Toggle to show or hide the previous/next navigation arrows
Autoplay Settings
Add Timer: Enable automatic advancement to the next slide
Time in Seconds: Set the interval duration between slide transitions when autoplay is active
Adjusting Image Focal Points
To control how images are cropped and displayed within the slideshow:
Select the specific image you want to modify from the slideshow
Double-click the image to open the Object Fit Editor
Use these adjustment tools:
Zoom Slider: Crop in or out to focus on specific areas
Focal Point Control: Drag the blue circle to define which area of the image receives emphasis
Note: Consider the Slider Component for enhanced functionality, including focal point adjustments, custom transitions, and greater design flexibility.