Image Slider
Moving slider for your website
Gevorg Balyan avatar
Written by Gevorg Balyan
Updated over a week ago

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 Slider wherever you prefer it to be on your Crafting Area.
Are you ready to add the Images and get them rolling?

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

You can click on each image and customize slide settings: the position of the image, add Alt, Title and Description, insert a link (Internal, External, Anchor and Pop-up), make the image open in a new tab and set Schedule visibility.

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

To change the Image 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 ‘AutoPlay’ is ON.

You can also set the ‘AutoPlay Delay’ time. This option lets you set the number of milliseconds that will pass 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.
Why not add some cool Effects to your Image Slider: Hover or Loading, your choice!

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.

Need to blur your images? Highlight your text? Just add a sense of activity with Blur effect. Go to your Image Slider Settings and move the pointer to make your images blurry.

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.

Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This can come in handy if you want to hide some content from users until they sign up to your website.

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

We also recommend checking out Help Desk for more insight on how the Elements work.

Did this answer your question?