Ir para conteúdo

POWERED BY:

Arquivado

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

Marcospescador

Galeria de imagens

Por , em Javascript

Recommended Posts

Marcospescador    0

Marcospescador
Postado

Boas meus amigos,estou com um enorme problema,não sou profundo conhecedor do assunto,então venho aqui neste forum que tem muitos "feras "

O meu problema é o seguinte,peguei um script de uma galeria de imagens que achei muito legal,mas esta dando um problema.

Off line,qdo estou editando,funciona legal,qdo mando pro provedor da um erro.

A ideia final seria,aparecem 5 mini imagens na lateral,e uma grande no centro,qdó passa o mouse na lateral vai mudando a imagem central,e clicando na imagem central ela abre em tamanho natural.

O codigo da mesma segue abaixo:

 

<script language="javascript">function linkimg() {janela=window.open("","Imagem","width=400 height=400");imagem=document.images.imagem.src;descricao=document.imagens.descricao.value;janela.document.open();janela.document.write("<html><head><title>Imagem " + descricao + "</title></head><body>");janela.document.write("<p align=center><img src= " + imagem + "><br><b><font face=verdana size=2>" + descricao + "</b>.");janela.document.write("<font face=verdana size=1><br><br>Poupup by Lucas d´Acampora Prim<br>brboy@ieg.com.br");}</script><center><table align=center cellspacing=0 cellpadding=0 border=0><tr><td align="center"><center><form name="imagens"><br><a href="java script:" onClick="linkimg()"><img src="1.gif" width=250 height=250 style="cursor:crosshair" name=imagem border=0></a><br><font face="Verdana" size="2"><b>Clique na figura acima para vê-la em tamanho original!</b></font><br><input type="text" name="descricao" value="1. As Invasões Bárbaras"></form></td><td align="center"><b>Passe o mouse<br>sobre as figuras<br>abaixo!</b><br><a href="java script:" onMouseOver='document.images.imagem.src="1.gif"; document.imagens.descricao.value="1. As Invasões Bárbaras"'><img src="1.gif" width=50 height=50 border=0></a><br><a href="java script:" onMouseOver='document.images.imagem.src="2.jpg"; document.imagens.descricao.value="2. Guerreiros Bárbaros"'><img src="2.jpg" width=50 height=50 border=0></a><br><a href="java script:" onMouseOver='document.images.imagem.src="3.jpg"; document.imagens.descricao.value="3. Invasão dos Bárbaros"'><img src="3.jpg" width=50 height=50 border=0></a><br><a href="java script:" onMouseOver='document.images.imagem.src="4.jpg"; document.imagens.descricao.value="4. Os reinos Bárbaros"'><img src="4.jpg" width=50 height=50 border=0></a><br></td></table></center>
link da pagina com defeito

 

Espero ancioso uma luz dos amigos

Fiquem na paz

Compartilhar este post

Link para o post
Compartilhar em outros sites

fgil    0

fgil
Postado

aparentemente está tudo certo.tem uma váriáveis soltas na página... tem que tirar.qual a imagem escolhida para ficar de rosto, isto é se o usuário não passar o mouse, qual estará lá? nào achei esta linha?Fernanda

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcospescador    0

Marcospescador
Postado

aparentemente está tudo certo.tem uma váriáveis soltas na página... tem que tirar.qual a imagem escolhida para ficar de rosto, isto é se o usuário não passar o mouse, qual estará lá? nào achei esta linha?Fernanda

Obrigado pela atenção amiga.posso abusar da sua boa vontade ???heheheheComo postei acima,não sou conhecedor da matéria,eu copiei este codigo no "site Imaster"dicas.Então agora perginto eu:Quais as varaiaveis que tenho que tirar?e considerando que a imagem de rosto seria 1.jpgObrigadoDesculpe o abuso heheheFique na Paz

Compartilhar este post

Link para o post
Compartilhar em outros sites

fgil    0

fgil
Postado

Esse funciona 100%

deixei a foto 1 como rosto.

 

qualquer coisa posta ai

 

Fernanda

 

 

<HTML><HEAD><script language=javascript> function linkimg() {janela=window.open("","Imagem","width=400 height=400");></SCRIPT></HEAD><BODY text=#0033cc vLink=#0033cc aLink=#0033cc link=#0033cc bgColor=#ffffcc><P align=center><font size="1" face="verdana"><BR><CENTER>  <P><FONT size=7 face="verdana"><STRONG>Cercas Elétricas</STRONG></FONT></P>  <TABLE height=463 cellSpacing=0 cellPadding=0 width=659 align=center border=0>	<TBODY>	  <TR> 		<TD align=middle width=567 height=375><font size="1" face="verdana"><STRONG>A 		  Cerca elétrica é ideal para instalação sobre muros e grades acima de 		  2m, inibe tentativas de invasores. Consiste em uma cerca com 4 filamentos 		  ligados a uma central de choque</STRONG>. </font>		  <CENTER>			<FORM name=imagens>			  <font size="1" face="verdana"><BR>			  <A onclick=linkimg() href="java script:"><IMG style="CURSOR: crosshair" height=250 src="1.jpg" width=250 border=0 name=imagem></A><BR>			  <B>Clique na figura acima para vê-la em tamanho original!</B></font> 			  <font size="1" face="verdana"><BR>			  <INPUT value=" cerca elétrica 1" name=descricao>			  </font>			</FORM>			<P><font size="1" face="verdana"><STRONG><A href="http://br.geocities.com/casal20eletrica/mailphp/index.html">Contato</A></STRONG><BR>			  </font></P>		  </CENTER></TD>		<TD align=middle width=82><font size="1" face="verdana"><B>Passe o mouse<BR>		  sobre as figuras<BR>		  abaixo!</B><BR>		  <A onmouseover='document.images.imagem.src="1.jpg"; document.imagens.descricao.value="cerca elétrica 1"' 	  href="java script:"><IMG height=50 src="1.jpg" width=50 border=0></A><BR>		  <A onmouseover='document.images.imagem.src="2.jpg"; document.imagens.descricao.value="cerca elétrica 2"' 	  href="java script:"><IMG height=50 src="2.jpg" width=50 border=0></A><BR>		  <A onmouseover='document.images.imagem.src="3.jpg"; document.imagens.descricao.value="cerca elétrica 3"' 	  href="java script:"><IMG height=50 src="3.jpg" width=50 border=0></A><BR>		  <A onmouseover='document.images.imagem.src="4.jpg"; document.imagens.descricao.value="cerca elétrica 4"' 	  href="java script:"><IMG height=50 src="4.jpg" width=50 border=0></A><BR>		  <A onmouseover='document.images.imagem.src="5.jpg"; document.imagens.descricao.value="cerca elétrica 5"' 	  href="java script:"><IMG height=50 src="5.jpg" width=50 border=0></A><BR>		  </font></TD>	  </TR>	</TBODY>  </TABLE></CENTER></BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

fgil    0

fgil
Postado
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

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