Item Name	Step 5 Install Lightweight Featured Slider with Caption
Price	RM9.90
Description	Tutorial and code snippet installing custom featured slider with ediable captions.
Stock/Size Available	Location Theme Layout
More Details	We already included the necessary lightweight Jquery scripts and CSS styling for this theme. You can go to Layout > Find Slide widget > click Edit > copy and paste below code in the HTML body:- <div id="my-slideshow"> <ul class="bjqs"> <li><img title="This is slider caption 1." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfo-ZmtUO4pu-vyhmANkYGX5P5ZY3aT5is8jtMkjGDsFKrPphEJot7Upjzlq_ZK-Gw_03jutHU1PTZ63LL8zUl_heZD3xDmOGC5QSQRUo3T-o8o04lR9mskGE6QZBtRW_f6sNMVN4RBM/s1600/IMG_0186.JPG"/> </li> <li><img title="This is slider caption 2." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTE6Djna2bAW4nPUODpZ6FwCbO-N83ii7tQ7f_driWa1VprpnjG76LZBpfbmZ1GWmsSgZA34yxoYmKJS_c2SsJOyqA4qujvQwjB0KNEkpxEd4UKSTSjz9ppq3HsldLxTZ5kdeJOn_rmZc/s1600/fesyen2.jpg"/> </li> <li><img title="This is slider caption 4." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiy8TD2G-1HiHRXAq2vmN8HOptNyI9xz6A0JK2THYYCvryLahnj6dr6DTk-AGW2W_8Kaif7sLcuttgXgOSO1GxoSIdZQ4hRFLBJF760bk5jZWi6m7yEFMtsaovss7HGmGb57pivvQeU8/s1600/leighton-meester-mtv-movie-awards-2012-06.jpg"/> </li> <li><img title="This is slider caption 5." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPEdopR0DYInKG6dHWVOrMkVHZ151YxLW3BQtNQMDC7ObAS505qUTP4ofzVzJmMtb32FKDURiFhNyS0iPCw-60MEm1AwtIiEnY65F_ZvHH0PIAEYRBqzvzTKk600EXUKVPTh-uOZDjL8/s1600/iStyle-Kids-Fesyen-3.jpg"/> </li> </ul> </div> For each <li> .... </li> tags above indicates an image slide. To change and image, find the code like so:- src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPEdopR0DYInKG6dHWVOrMkVHZ151YxLW3BQtNQMDC7ObAS505qUTP4ofzVzJmMtb32FKDURiFhNyS0iPCw-60MEm1AwtIiEnY65F_ZvHH0PIAEYRBqzvzTKk600EXUKVPTh-uOZDjL8/s1600/iStyle-Kids-Fesyen-3.jpg" and change to your desired image URL. For best image display results, an image size of 700px wide and 240px high is required. To change the caption sentences, edit at this snippet of code:- title="This is slider caption 5." Sentences or wordings in the title tags are rendered as captions for each of the image slider. Click Newer Items for the next installation guide.