Slide.html

<html> <!-- Comentário HTML -->
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css"> @import url("slide.css"); </style>

        <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
        <script language="JavaScript" src="jcycle.js" type="text/javascript"></script>
        <script language="JavaScript" type="text/javascript">
            $(function  () {
                $("#slides ul").cycle ({
                fx:'fade',
                speed: 2000,
                timeout: 4000,
                prev: '#previous',
                next: '#next',

                })
            })
        </script>

    </head>

    <body>

        <div id="slides">

            <ul>
                <li><img src="1.jpg" /></li>
                <li><img src="2.jpg" /></li>
                <li><img src="3.jpg" /></li>
            </ul>
            <p align="center">
                <button  id="previous"> <img src="botao_anterior.jpg"/> </button>
                <button  id="next"> <img src="botao_proximo.jpg"/> </button>
                </center>
            </p>
        </div>
    </body>
</html>