A um bom tempo atrás eu criei eu criei este código que talvez seja útil. Caso tenha dúvida, envie uma msg.
<HTML>
<HEAD>
<TITLE>SlideShow by GB</TITLE>
</HEAD>
<BODY>
<SPAN ID="_ImgURL">
<IMG ID="_ImgSpace" ONLOAD="OnImgLoad();" onclick="ImgLink(fotos[v_iImg][2])">
</SPAN><BR>
<SPAN ID="_ImgDesc" STYLE="display: none;"> </SPAN>
<INPUT TYPE="button" ID="btnPrev" VALUE=" << " ONCLICK="ImgPrev();">
<INPUT TYPE="button" ID="btnPlay" VALUE=" Pausar " ONCLICK="ImgPlay();">
<INPUT TYPE="button" ID="btnNext" VALUE=" >> " ONCLICK="ImgNext();"><BR>
Número de figuras: <SPAN ID="_ImgX"> </SPAN> de <SPAN ID="_ImgN"> </SPAN>
<script>
/*********************************************************
* SlideShow *
*********************************************************
* Script: Slideshow com descrição e link *
* Função: Alternador de imagens com os recursos: *
* - Links *
* - Descrição *
* - Contagem automática do número de fotos *
* - Tamanho padrão ou aleatório *
* - Pausar apresentação (Continuar incluso) *
* - Voltar e adiantar imagem *
*********************************************************
* Autor: Guilherme A Blanco *
* Mail: guilhermeblanco@hotmail.com *
* MSN: guilhermeblanco@hotmail.com *
* ICQ: 33288081 *
*********************************************************
* Baseado no Script de: *
* Christian Carlessi Salvadó (cocolinks@c.net.gt) *
*********************************************************
* GPL - General Public License (Licença Pública Geral) *
* URL: http://www.gnu.org/licenses/gpl.txt (Inglês) *
* *
* A licença permite a qualquer um o direito total de *
* alterar o conteúdo deste arquivo sem limitações, com *
* os devidos créditos intactos e o conteúdo original, o *
* modificado inclusos. Requer que produto final, o *
* derivado ou a aplicação inteira que usa um componente *
* GPL, tal como este, também estejam licenciados. *
*********************************************************
* Criado em: 13-03-2003 Atualizado: 13-03-2003 *
*********************************************************
* Copyright (c) 2003 - Guilherme Blanco *
*********************************************************/
var v_PlayMode = 0;
var v_iImg = -1;
var v_maxImg = 0;
var fotos = new Array();
//* Configure as variáveis a seguir ***************
// Defina o delay entre as imagens
var timer = 2; // segundos
// Mostrar descrição?
var mostraDesc = 1; // 0 = Não, 1 = Sim
// Usar links?
var usarLink = 1; // 0 = Não, 1 = Sim
// Sete o width (largura) e o height (altura) da imagem.
// Deixe "" caso não queira adotar um tamanho fixo a todas as imagens.
var ImgWidth = ""; // pixels
var ImgHeight = ""; // pixels
// Configure as imagens a seguir, a descrição e o link ao seu gosto
// Se quiser adicionar mais fotos, insira:
// fotos[v_maxImg++] = new Array("imagem.ext", "Descrição", "Link.html");
// Você também pode deixar o campo de Descrição e de Link em branco, se quiser.
// Altere as variáveis mostraDesc e usarLink caso não queira alguma destas ferramentas.
fotos[v_maxImg++] = new Array("banner.jpg", "Descrição 1", "index1.html");
fotos[v_maxImg++] = new Array("logo.gif", "Descrição 2", "index2.html");
fotos[v_maxImg++] = new Array("gui.jpg", "Descrição 3", "index3.html");
fotos[v_maxImg++] = new Array("as_mina.jpg", "Descrição 4", "index4.html");
fotos[v_maxImg++] = new Array("tattoo.jpg", "Descrição 5", "index5.html");
function ImgLink( sURL ) {
// Para frames (edite o "nome_do_frame" para o TARGET adotado):
// document.frames["nome_do_frame"].location.href = sURL;
if( usarLink ) { document.location.href = sURL; }
}
//* As configurações acabam aqui ******************
//* Não edite nada daqui em diante ****************
function DOM( sId ) {
if( document.getElementById )
return document.getElementById( sId );
else if( document.all )
return document.all[ sId ];
}
function ChangeImg( sBool ) {
if( sBool ) {
if( ++v_iImg == v_maxImg ) v_iImg = 0;
} else {
if( v_iImg == 0 ) v_iImg = v_maxImg;
v_iImg--;
}
ImgUpdate();
}
function ImgUpdate() {
if( ImgWidth != "" || ImgHeight != "" ) {
DOM("_ImgSpace").style.width = ImgWidth + "px";
DOM("_ImgSpace").style.height = ImgHeight + "px";
}
DOM("_ImgSpace").src = fotos[v_iImg][0];
if( mostraDesc ) {
DOM("_ImgDesc").style.display = "block";
DOM("_ImgDesc").innerHTML = fotos[v_iImg][1];
}
if( usarLink ) { DOM("_ImgURL").style.cursor = "hand"; }
DOM("_ImgX").innerHTML = v_iImg + 1;
DOM("_ImgN").innerHTML = v_maxImg;
}
function ImgPlay() {
v_PlayMode = !v_PlayMode;
if( v_PlayMode ) {
DOM("btnPlay").value = " Pausar ";
DOM("btnPrev").disabled = true;
DOM("btnNext").disabled = true;
ImgNext();
} else {
DOM("btnPlay").value = "Começar";
DOM("btnPrev").disabled = false;
DOM("btnNext").disabled = false;
}
}
function OnImgLoad() {
if( v_PlayMode )
window.setTimeout("Change()", timer*1000);
}
function Change() {
if( v_PlayMode ) { ImgNext(); }
}
function ImgNext() { ChangeImg(true); }
function ImgPrev() { ChangeImg(false); }
if( document.getElementById || document.all )
window.onload = ImgPlay;
</SCRIPT>
</BODY>
</HTML>
Vlw,
