Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Slide de Figuras

26-01-2007 17:50

vamos fazer aqui um Slide de Figura, nesse slide ao clicar na figura a mesma será ampliada em uma nova janela, no código segue cada parte destacada para que voçê edite de acordo com a necessidade.

Vou comentar no própio código para facilitar.

<style type="text/css"> /* defino aqui o tamanho minimizado da figura */ .figura{cursor:hand;width:120px;height:60px;} </style> <!-- a figura minimizada a ser mostrada //--> <center> <img id="_Ath_Slide" border="0" onClick="window.open(this.src,'','width=600,height=500')" alt="Clique para ampliar" class="figura"> </center> <!-- descrição de cada figura //--> <center> descrição: <b><SPAN id="_Ath_FileName"> </SPAN></b> <br> número de figuras: <SPAN id="_Ath_Img_X"></SPAN>&nbsp;de&nbsp;<SPAN id="_Ath_Img_N"></SPAN> </center> <!-- botões de manipulação do slide //--> <center> <input type="button" id="btnPrev" value="<< anterior" onclick="Prev();"> <input type="button" id="bntPlay" value="Iniciar" onclick="Play()"> <input type="button" id="btnNext" value=" próxima >> " onclick="Next();"> </center> <script language="JavaScript1.2"> g_fPlayMode = 0; g_iimg = -1; g_imax = 0; g_ImageTable = new Array(); function ChangeImage(fFwd) { if (fFwd) { if (++g_iimg==g_imax) g_iimg=0; } else { if (g_iimg==0) g_iimg=g_imax; g_iimg--; } Update(); } function getobject(obj){ if (document.getElementById) return document.getElementById(obj) else if (document.all) return document.all[obj] } function Update(){ getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0]; getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1]; getobject("_Ath_Img_X").innerHTML = g_iimg + 1; getobject("_Ath_Img_N").innerHTML = g_imax; } function Play() { g_fPlayMode = !g_fPlayMode; if (g_fPlayMode) { getobject("btnPrev").disabled = getobject("btnNext").disabled = true; Next(); } else { getobject("btnPrev").disabled = getobject("btnNext").disabled = false; } } function OnImgLoad() { if (g_fPlayMode) window.setTimeout("Tick()", g_dwTimeOutSec*5000); } function Tick() { if (g_fPlayMode) Next(); } function Prev() { ChangeImage(false); } function Next() { ChangeImage(true); } // aqui é a parte importante do slide, cada linha é um banner g_ImageTable[g_imax++] = new Array ("figura1.gif", "descrição.."); g_ImageTable[g_imax++] = new Array ("figura2.gif", "descrição.."); g_dwTimeOutSec=5000 if (document.getElementById||document.all) window.onload=Play </script>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado