<head runat="server">
    <title></title>
    <link href="js/slick-theme.css" rel="stylesheet" type="text/css" />
    <link href="js/slick.css" rel="stylesheet" type="text/css" />
    <script src="js/slick.js" type="text/javascript"></script>
    <script src="js/slick.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('.fade').slick({
            dots: true,
            infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="fade">
        <div>
            <img src="images/ProductName/6.jpg" alt="" />
            
                <img src="images/ProductName/6.jpg" alt="" />
            </div>
        </div>
    </form>
</body>
</html>
This is my code which show image only but slider is not applying