Add Image Slider

  • Knowledge Base
  • Responsive Website Builder
  • Add Image Slider
  • Duda Support > Responsive Website Builder > Editing a Site

Overview

Add an Image Slider widget to your website in order to display a set of images one after another in a row or column. You can add multiple images to display as a slideshow. Instead of having multiple image widgets cluttering your rows and columns, use a single image slider widget to get the job done. 

Guide

Adding Image Slider Widget to Website

Add an image slider widget onto your responsive website. To learn more about adding widgets to your website, see Adding Widgets.

The Content Editor will appear.

Add an Image

Add an image by clicking the 'Add Image' button or by clicking any blank image spot. This will open the Image PIcker dialog so that you can pick the image you want to add.

quick_picker.png

From here, you can:

  1. Select the folder with images you want to use
  2. Click the "+" icon to upload your own image
  3. Switch to the Full View for more image choice options

Edit / Replace an Image

Clicking an image that's already been added to the slider will open an Image Settings dialog to the right. 

Click the Replace button to open the Choose & Place an Image dialog again so that you can pick a different image.

Click the Edit button to open our built-in image editor where you can add simple features and styles to your image.

Remove an Image

Click the gray X at the top corner of the image thumbnail to delete it.

Image Settings

More options can be seen for each image by scrolling down in the Image Settings dialog. These include:

Slider Title: Adds large text to the slider image.

Slider Caption: Adds smaller text to the slider image below the title text.

Button: Adds a button to the slider image that can be linked like a button widget.

Add Link to Slide: Makes the whole image a button that can be linked like a button widget.

Alt Text: Adds alternate text to display for SEO reasons or when the image cannot be displayed.

Displaying Full Images

When images are added to the image slider, they will not be displayed in their natural dimensions. These images are displayed to fill the image slider dimensions, so images can become stretched or blurry. To display images in its natural dimensions, you can toggle the ‘Display full image’ option in the Design Editor.

image3.png

Considerations

Grouping all of your photos into one widget is useful and saves a lot of space. However, certain cases require single images. For example, you may need a paragraph explaining a single image that cannot be included in a group of images in the image slider. To learn more about the image widget, check out our guide on Image Widget.

Resources

  • To learn more about editing widgets, check out our guide on Editing Widgets.
  • To learn more about editing widget design and style, check out our guide on Widget Design.
  • To learn more about adding premium images to your site, check out our guide on Premium Images.
×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!