We need to prepare the HTML code to include the slider images with the necessary containers. The element structure for each slider varies based on the library. Therefore, we need to refer to the documentation of the slider JavaScript library and find out the expected structure. So, we have to visit http://basicslider.com/ and go to the Markup section. This section explains the required elements to implement the slider:
<div id="banner-fade"> <ul class="bjqs"> <li><!-- Any content you like --></li> </ul></div>
Now we have to use this structure and add the slider images inside <li> elements. We can directly add the HTML to a WordPress post or a page, to display a slider. However, we may need to reuse the slider, and ...