Most of the websites in today’s market have one or more sliders in the home page which rolls images and text. Sliders can be very effective or a major distraction to viewers. Here are 10 tips to make sure sliders are properly configured on your website(s).

1. Use less number of DOM elements in a slide.

Example 1: If title and description is needed to each image, instead of adding them to each slide mark it in “Global Caption”. It will not be animated which improves the performance.

Example2: If “Pin it” button is needed to each slide, then use one button out of the slider and switch its URL with slider API when slide changes.

Iframes are complex DOM elements, so avoid them inside the slider especially on mobile.

Read More


Copyright © 2013 Sowra Info Solutions. All rights reserved.