Slider with half text and half image6/1/2023 The first one, data-orientation should be either “vertical” or “horizontal”. The data attributes that we want are the following: We’ll also add a background class to each slide which will control the background color of every slide.Įvery slide will also have some data-attributes that we will use in order to control the effect for each slide. Then, we will add two types of navigation, one will be the arrows to go to the previous and next slide and the other will be the dots for navigating directly to a certain slide. Our initial markup will consist of a main container with the class and id sl-slide-wrapper which will hold the slider and all the slides, each one having the class sl-slide. Please note: the result of this tutorial will only work as intended in browsers that support the respective CSS properties.
0 Comments
Leave a Reply. |