Claro, este el html, el error esta en que cuando inserta el img vacio despues solo le cambia el atributo src, pero la solución ??
Código:
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
<title>Bienvenido</title>
<link rel="stylesheet" href="css/style.css"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="scripts/slide.js"></script>
</head>
<body>
<header>
<img id="logo" src="img/img1.jpg"></img>
<nav>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</nav>
<section class='slide'>
<img src='slider/sl1.jpg'></img>
<img id='next'></img>
<p id="ant">Anterior</p>
<p id="sig">Siguiente</p>
</section>
</header>
</body>
</html>