OtherSlide.js

//Criando variáveis para controle (não precisa alterar):
    var i = 0; var iFiltro = 0;
    var temporizador, tempEfeito;
    var img = new Array(8);

//---------------------------------------------------------------------


//Defina o tempo de transição em milissegundos:
var tempoTransicao = 3000;

//Tamanho ideal para as imagens: 250 x 170 pixels;
//Para adicionar novas imagens/textos, basta seguir o padrão dos arrays abaixo:
img[0] = 'img/banner0.jpg';
img[1] = 'img/banner1.jpg';
img[2] = 'img/banner2.jpg';
img[3] = 'img/banner3.jpg';
img[4] = 'img/banner4.jpg';
img[5] = 'img/banner5.jpg';
img[6] = 'img/banner6.jpg';
img[7] = 'img/banner7.jpg';


/*
img[5] = '';
link[5]='';
titulo[5]=''; msg[5]='';
img[0] = 'http://tbn1.google.com/images?q=tbn:Zy3V2-RTkDjHnM:http://www.metrofusion.xpg.com.br/imagens/natureza_1.jpg';
link[0]='http://h.imguol.com/0907/14lulap.jpg';
titulo[0]='0. Questão social';
msg[0]='Sem-tetos invadem Palácio do Planalto em busca de moradia.';
*/


//Função para exibir os slides
function slideShow() {
//Localizando os objetos no HTML:
var objImg = document.getElementById("imagem");

    //Criando apenas um controle, caso o valor do id seja maior do que os slides:
    if (i >= img.length) {
        i = 0;
    }

    //Controle dos estilos, para FF e IE:
    objImg.style.opacity = ".0";
    objImg.style.filter = "alpha(opacity=0)";
    //Imprimindo a imagen e textos na tela:
    objImg.src = img[i];

    //Chamando a função responsável pelos efeitos nos slides:
    efeito();
    //Aumentando o i de 1 em 1;
    i++;

//Criando um temporizador para ajustar o tempo de transição entre os slides:
temporizador = window.setTimeout('slideShow()',tempoTransicao);
}

//Função que gera o efeito de transição entre os slides
function efeito() {
var objImg = document.getElementById("imagem");
    //Controle para as várias possibilidades do i:
    if (iFiltro > 100) {
        clearInterval(tempEfeito);
        iFiltro = 0;
    }else{
     valorOpacidade = iFiltro/100;
     valorOpacidade = valorOpacidade.toString();
        objImg.style.opacity = valorOpacidade;
        objImg.style.filter = "alpha(opacity="+iFiltro+")";
        iFiltro+=10;
        tempEfeito = window.setTimeout('efeito()',70);
    }
}

//Controle dos botões: ANTERIOR, PAUSA e POSTERIOR:
function controle {
    if (c == -1) {
        i-=2;
        clearInterval(temporizador);
        clearInterval(tempEfeito); iFiltro = 0;
        if (i<0) {i = img.length-1};
        slideShow();
    }
    if (c == 1) {
        clearInterval(temporizador);
        clearInterval(tempEfeito); iFiltro = 0;
        slideShow();
    }
    if (c == 0) {
        clearInterval(temporizador);
        clearInterval(tempEfeito); iFiltro = 0;
    }
}