Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

logan_pa

Transição de Imagens

Por , em Javascript

Recommended Posts

saloeric    1

saloeric
Postado

tenho um código q fiz para a minha página e penso q seja isso q você quer, é uma pop up, tente adaptar:

 

<!--#include file="bd.asp"--><html><%dim imag(6)sql="select * from produtos where id="&cint(request.querystring("id"))rs.open sql,conexaoimag(0)=rs("imagem1")imag(1)=rs("imagem2")imag(2)=rs("imagem3")imag(3)=rs("imagem4")imag(4)=rs("imagem5")imag(5)=rs("imagem6")for h = 0 to 5if imag(h)<>"" thenprimeira=imag(h)exit forend ifnextfor r = 0 to 5if imag(r)<>"" thenk=k+1arimagem=arimagem+"'org/varias/"&imag(r)&"',"end ifnexttodasima = mid(arimagem,1,len(arimagem)-1)%><script language="JavaScript"><!--var arImages=new Array();function Preload() {var temp = Preload.arguments; for(x=0; x < temp.length; x++) {arImages[x]=new Image();arImages[x].src=Preload.arguments[x];}}Preload(<%=todasima%>); //--></script><head>	<title><%=replace(rs("produto"),"§","'")%></title>	<style type="text/css"><!--body {	margin-top: 2px; 	margin-left: 5px;	margin-right: 5px;	margin-bottom: 0px;}A.linkpequeno:link {	color: #0066FF;	text-decoration: none;	font-size: 9px;	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;}A.linkpequeno:visited {color: #0066FF; text-decoration: none; font-size: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}A.linkpequeno:hover {color: #FF9933; text-decoration: none;  font-size: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}A.linkpequeno:active {color: #999999; text-decoration: none;  font-size: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}.tabelapri{	border : 1px solid #5596CE;}--></style></head><body><script language="JavaScript"><!--function muda(pos){konta=pos+1document.getElementById('imagem').src = arImages[pos].srcdocument.getElementById('texto1').innerHTML='Imagem '+konta+' ';document.getElementById('texto2').innerHTML='Imagem '+konta+' ';}//--></script><table width="100%" cellpadding="0" cellspacing="0"><tr><td colspan="2" align="right"><a class="linkpequeno" href="javascript:window.close()"><img align="middle" border="0" src="org/fechar.gif" title="Fechar"> Fechar</a> </td></tr><tr><td width="30%"><img border=0 src="org/logo2.gif"></td><td align="center"><font size=2 face="Verdana"><b><%=replace(rs("produto"),"§","'")%></b></font></td></tr><tr><td height="15" colspan=2> </td></tr></table><table width="100%" cellpadding="0" cellspacing="0" class="tabelapri"><tr bgcolor="#E4EAEE"><td height="20" width="50%"><%if k>1 then%><table cellpadding="0" cellspacing="0"><tr><%for p = 1 to k%><td width="10"> <a class="linkpequeno" href="javascript:muda(<%=p-1%>)"><%=p%></a></td><%next%></tr></table><%end if%></td><td align="right"><%if k>1 then%><span id="texto1" style="font-family:verdana;font-size:11px;">Imagem 1 </span><%end if%></td></tr><tr bgcolor="#ffffff"><td height="455" colspan="2" valign="middle" align="center"><img id="imagem" border="0" src="org/varias/<%=primeira%>"></td></tr><tr bgcolor="#E4EAEE"><td height="20" width="50%"><%if k>1 then%><table cellpadding="0" cellspacing="0"><tr><%for p = 1 to k%><td width="10"> <a class="linkpequeno" href="javascript:muda(<%=p-1%>)"><%=p%></a></td><%next%></tr></table><%end if%></td><td align="right"><%if k>1 then%><span id="texto2" style="font-family:verdana;font-size:11px;">Imagem 1 </span><%end if%></td></tr><%rs.closeset rs = nothingset conexao = nothing%></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito