teste.html

<html>

<head>
<title>gafsajsh</title>
<link rel="stylesheet" type="text/css" href="css.css"/>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript">
    $(function (){
        $("#slides ul").cycle ({
            fx:'fade',
            speed: 2000,
            timeout: 4000

        })
    })
</script>

</head>

<body>

<div id="seta">
    <img src="chevron-double-down.png"/>
</div>

<div class="pics" id="slides">
    <ul>
        <li><div class="background" id="imagem1"></div></li>
        <li><div class="background" id="imagem2"></div></li>
    </ul>
</div>

</body>

</html>