Thumbnails

<script>
    jQuery(document).ready(function($) {
        $("#slider-wrapper").transitionSlider({
            // example of thumbnails options
            thumbs: {
                enable: false,
                position: "bottom",
                thumbWidth: 100,
                thumbHeight: 60,
                spaceAround: 3,
                spaceBetween: 3,
                background: "none",
                outsideSlider: true,
                centered: true
            },
        });
    });
</script>

Parameter	Type	Default	Description
thumbs	object		Object with thumbnails parameters.
{
enable	boolean	false	Enable / disable slider thumbnails
position	string	"bottom"	Set the position of the thumbnails. There are 4 positions where you can place thumbnails (Values: “top”, “bottom”, “left”, “right”).
thumbWidth	number	100	The width of one thumbnail. The width is expressed by a number and the value is displayed in “px” unit.
thumbHeight	number	60	The height of one thumbnail. The height is expressed by a number and the value is displayed in “px” unit.
spaceAround	number	3	The space surrounding the thumbnails container.
spaceBetween	number	3	Spacing between adjacent thumbnails.
background	string	"none"	Background color behind thumbnails. Example format: "#FF0000" (more details here).
outsideSlider	boolean	true	Select the position using the position parameter. With this option you can choose whether the thumbnails will be inside the slider or outside.
centered	boolean	true	Centering thumbnails container.
}