Ir para conteúdo

POWERED BY:

Arquivado

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

alexis

imagem amplia

Por , em Javascript

Recommended Posts

alexis    0

alexis
Postado

Boa Tarde galera imasters ???

 

Bom é o seguinte eu estou com um problema com um codigo que quando eu passo o mouse na imagen ela não amplia, eu gostaria de saber como eu faço para que ela funcione pois eu ja criei a miniatura e a ampliada só que não to conceguindo fazer a imagens ampliada aparecer quando ponho o mouse encima da miniatura vou ateh posta o codigo .

 

<html>
<head>
<script LANGUAGE="JavaScript">
<!-- 
var dtext = new Image();
var dlarge = new Image();
var stext = new Image();
var slarge = new Image();
var ttext = new Image();
var tlarge = new Image();



function doButtons(textimage, picimage) {
document['text'].src=textimage;
document['picture'].src=picimage;
}
//-->
</script>
</head>


<body>

<center>
<table border=1 bordercolor=#f8f8f8>
<tr><td>
<center><h2>figuras</h2></center>
<p>

<!----
**A SEGUNDA FIGURA DA PRIMEIRA LINHA ABAIXO É A FIGURA QUE VOCÊ TEM QUE AMPLIAR PARA QUANDO PASSAR O MOUSE NA PRIMEIRA APAREÇA A AMPLIADA**
----->
<!----
**A FIGURA SPACE.GIF É UMA FIGURA EM BRANCO PARA PREENCHER OS ESPAÇOS (BASTA VOCÊ CRIAR UMA FIGURA EM BRANCO E SALVAR COM O NOME SPACE.GIF**
----->


<li><a href = "pagina.html" onmouseover = "doButtons('miniatura.jpg', 'ampliada.jpg')" onmouseout = "doButtons('space.gif', 'space.gif')">link 1<p>

<li><a href = "pagina.html" onmouseover = "doButtons('figura3.gif', 'figura3.gif')" onmouseout = "doButtons('space.gif', 'space.gif')">link 2<p>

<li><a href = "pagina.html" onmouseover = "doButtons('figura4.gif', 'figura4.gif')" onmouseout = "doButtons('space.gif', 'space.gif')">link 3<p>

<hr color=white width=160>
<br>
<img name=text src="space.gif"   border=0></td>
<td>

<hr color=white width=160>
<br>
<img name=picture src="space.gif"  border=0></td>


</tr>
</table>
</center>

</body>
</html>

não to conceguindo fazer este codigo funcionar tipo onde eu ponho as imagens e tal se alguem souber eu agradeço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

ao invés de document['text'] tente document.text, ou então document.getElementsByName('text')[0].

Faça o mesmo para o elemento picture.

 

Vê aí se funciona..

 

ABRAX!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Como ficou o código? Mostra ele inteiro pra gente ver...

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexis    0

alexis
Postado

ai o codigo 

<html>
<title>SuperTráfego.com | Scripts e Códigos prontos</title>




<head>
<script LANGUAGE="JavaScript">
<!-- 
var dtext = new Image();
var dlarge = new Image();
var stext = new Image();
var slarge = new Image();
var ttext = new Image();
var tlarge = new Image();



function doButtons(textimage, picimage) {
document['text'].src=textimage;
document['picture'].src=picimage;
}
//-->
</script>
</head>


<body>

<center>
<table border=0>
<tr><td>
<center><h2>figuras</h2></center>
<p>

<!----
**A SEGUNDA FIGURA DA PRIMEIRA LINHA ABAIXO É A FIGURA QUE VOCÊ TEM QUE AMPLIAR PARA QUANDO PASSAR O MOUSE NA PRIMEIRA APAREÇA A AMPLIADA**
----->
<!----
**A FIGURA SPACE.GIF É UMA FIGURA EM BRANCO PARA PREENCHER OS ESPAÇOS (BASTA VOCÊ CRIAR UMA FIGURA EM BRANCO E SALVAR COM O NOME SPACE.GIF**
----->


<li><a href = "amplia.htm" onmouseover = "doButtons('miniatura.jpg', 'ampliada.jpg')" onmouseout = "doButtons('space.gif', 'space.gif')"><img src="miniatura.jpg"><!--- onde ponho a imagen ampliada e onde ponho a imagens miniatura eu não sei se esta no local certo ---->
  <p>
<li><a href = "pagina.html" onmouseover = "doButtons('figura3.gif', 'figura3.gif')" onmouseout = "doButtons('space.gif', 'space.gif')">
  <p>

<li><a href = "pagina.html" onmouseover = "doButtons('figura4.gif', 'figura4.gif')" onmouseout = "doButtons('space.gif', 'space.gif')">
  <p>

<hr color=white width=160>
<br>
</td>
<td>

<hr color=white width=160>
<br></td>


</tr>
</table>
</center>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Mas você não mudou como te falei! A função doButtons continua como estava...

 

Muda isso:

document['text'].src=textimage;

document['picture'].src=picimage;

 

Para isso:

document.getElementsByName('text')[0].src=textimage;

document.getElementsByName('picture')[0].src=picimage;

 

ABRAX!!

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