slider.html

<!DOCTYPE html>
<html dir="ltr" lang="pt-BR">
<head>
    <meta charset="utf-8"/>
    <title>bxSlider</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
    
    
    <script>
        $(function(){
            $('.bxslider').bxSlider({
                mode: 'fade',
                captions: true,
                slideWidth: 1000              
                
            });
        });
    </script>
</head>
<body>
    <div class="container_bxslider">
    <ul class="bxslider">
        <li>
            <img src="C:\Users\Laura\Desktop\curso\aula 12\assets\banner_destaque_1.jpg" alt="Banner 1"/>
        </li>
        <li>
            <img src="C:\Users\Laura\Desktop\curso\aula 12\assets\banner_destaque_2.jpg" alt="Banner 2"/>
        </li>
        <li>
            <img src="C:\Users\Laura\Desktop\curso\aula 12\assets\banner_destaque_3.jpg" alt="Banner 3"/>
        </li>
    </ul>
    </div>
</body>
</html>