Slick Slider 사용중인데요 이미지를 랜덤으로 해주고 싶어요

<script type="text/javascript">
    $(document).ready(function() {
        $('.slider-banner-{=bannerCode}').slick({
            draggable : false,
            autoplay: true,
            <!--{ ? bannerPageButton['useFl'] === 'y' }-->
            dots: true,
            <!--{ / }-->
            <!--{ ? bannerSideButton['useFl'] === 'n' }-->
            arrows: false,
            <!--{ / }-->
            infinite: true,
            autoplaySpeed : {=bannerSliderTime},
            speed: {=bannerSpeed},
            slidesToShow: 1,
            <!--{ ? bannerEffect === 'fade' }-->
            fade: true,
            <!--{ / }-->                                                
            centerMode: true,    
            variableWidth: true,
            variableHeight: true,                                                
                                                
        });
    });
</script>

기존 소스입니다

여기에 새로고침 할때마다 보여지는 이미지가 랜덤으로 슬라이드 되게 해주고 싶은데요

Math.round(Math.random())  이걸 활용하는거 같은데 어찌해야할지 감이 안잡힙니다