Untitled

texto1 aparecer com imagem1
texto2 aparecer com imagem2
texto3 aparecer com imagem3

<html>
<head>
<style>
body {font-size: 98%;}
</style>

<script type="text/javascript">
function slide1(){
document.getElementById('id').src="http://datafacilinformatica.com.br/passeio/imagem/foto-0.jpg";
setTimeout("slide2()", 3000);
document.getElementById('aId').href="link1.html";
document.getElementById('aId').alt="slid1";
}

function slide2(){
document.getElementById('id').src="http://datafacilinformatica.com.br/passeio/imagem/foto-1.jpg";
setTimeout("slide3()", 3000);
document.getElementById('aId').href="link2.html";
document.getElementById('aId').alt="slid2";
}

function slide3(){
document.getElementById('id').src="http://datafacilinformatica.com.br/passeio/imagem/foto-2.jpg";
setTimeout("slide1()", 3000);
document.getElementById('aId').href="link3.html";
document.getElementById('aId').alt="slid3";
}
</script>
<body onLoad="slide1()">
<div id="aId1" style="position: relative;">
<a id="aId"><img id="id" width="100%"></a>
</div>
<div id="aId2" style="position: relative; transparent; width:80%;height:50%;margin-top:0;margin-left: 10%; margin-right: 10%; text-align: center">
<h1>texto slid 1</h1>
</div>
</body>
</html>