Articles in this category

Image Slider element

If you want to enrich your website with powerful visuals and a single image just doesn’t get the job done, you can add an Image Slider. To make that happen, just drag and drop the element wherever you prefer it to be on your canvas.

Setting up Image Slider

Hit 'Edit Slider' and either Upload them from your PC or choose some cool pics from the Free Stock.

Now move the controllers to make it match your page's overall layout.

To change the slider parameters, click on the slider and select ‘Slider Settings’ option.

Time to choose from one of the three different slider types: horizontal, vertical or fade.

Next you have the ‘Animation speed’ option where you can adjust the time of the alternation between slides. Keep in mind that the time it takes for a slide to change is measured in milliseconds.

If you want your images to change automatically make sure that the ‘AutoPlay’ option is ON.

You can also set the ‘AutoPlay Delay’ time. This will let you set the number of milliseconds before your slider starts rotating. Giving some time for the page to fully load before images start to change can be really useful just in case some of your site visitors have a slow internet connection. 

What about enabling Pagination, Touch Events, Arrows or the Cover Mode with a single click? Make use of the switchers to make the desired changes accordingly.

If you’re looking for something with crazy animation effects – Effects option in our Image Slider element is your best fit. You can also add cool effects to your images on a slider!

Click on the desired one to select it and pick the colors you prefer for the Title, Description, Overlay and the Graphic Element on your Image Slider using the Colors Tool.

Wanna range far beyond the basics? Go for the Loading Effects section and pick the one you want the same way. Hit the Effect name on the left to preview how the effect will look like.

Don't forget to hit 'Save' once you've customized the slider the way you want.

 To edit the Arrow and Pagination Colors, go for 'Edit Styles'. Pick the preferable ones from the palette, be it Flat or Gradient and change the Opacity level if you want.

Alignment - You may not like how your Image Slider is positioned on the page, never mind. All you need to do is click on the ‘Alignment’ icon to fix this.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Trash Icon - If you want to remove your gallery, click the ‘Trash’ button and hit ‘Delete’ to confirm your action. 

Have any additional questions? Reach out to us!

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free