Como adicionar efeito de transição nesse codigo?

<script type="text/javascript">
            function slide1(){
               document.getElementById('id').src="img/propaganda.jpg";
               setTimeout("slide2()", 2000);
               document.getElementById('aId').href="index.html"
            }

            function slide2(){
               document.getElementById('id').src="img/propaganda1.jpg";
               setTimeout("slide1()", 2000);
               document.getElementById('aId').href="index.html"
            }
</script>

Dê uma estudada nos dois link e faça nesse código:

Já vi esses dois sites … e vi outros, porém nao entendi e eles ensinam metodos diferente do que eu to usando… queria que alguem me mostrasse nesse codigo que eu tenho ai, como eu faço…

Complicado essa situação, aonde o desenvolvedor é você e somos meio que imposto a fazer nesse código, compreende?

Traga duvidas !!!

de que parte da minha duvida que eu nao sei implementar o codigo meu fi nao compreende? nao achei nenhum canto ensinando pow, por isso to perguntando…

nao to pedindo pra desenvolver um site ou uma aplicação, é apenas um trecho de um codigo que eu nao sei implementar e estou pedindo ajuda…