Ir para conteúdo

POWERED BY:

Arquivado

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

ronaldo_calado

Como colocar uma imagem??

Por , em Javascript

Recommended Posts

ronaldo_calado    0

ronaldo_calado
Postado

Tenho esse script pra quando colocar o mouse emcima de uma imagem, abrir uma janelinha com algumas informações, só que eu gostaria que no lugar do texto abri-se uma imagem...

o script é esse:

 

<script LANGUAGE="JavaScript">

<!--

function chen()

{

// O \n é uma quebra de linha dentro do javascript, tem o valor do <br>

add.value="Informações que qro mudar pra aparecer a imagem"

add.style.height=120

add.style.width=260

}

function dis()

{

add.value=""

add.style.height=0

add.style.width=0

}

// -->

</script>

O que preciso fazer?? :huh:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilker    3

Wilker
Postado

a forma mais facil eh simplemente escrever uma imagem em HTML no texto que vai ser exibido: <img src='imagem.gif' />

Compartilhar este post

Link para o post
Compartilhar em outros sites

ronaldo_calado    0

ronaldo_calado
Postado

a forma mais facil eh simplemente escrever uma imagem em HTML no texto que vai ser exibido: <img src='imagem.gif' />

você diz colocar em add.value="Informações que qro mudar pra aparecer a imagem" simplesmente <img src='teste'> não vai prestar, vai aparecer script essa tag e eu qro q apareça a imagem

Compartilhar este post

Link para o post
Compartilhar em outros sites

ronaldo_calado    0

ronaldo_calado
Postado

kra, c você quer colocar imagem dentro do alert, ai n da mesmo nao...

Eu não qro colocar dentro do alert, qro que quando a pessoa coloque o mouse emcima da figura pequena, abre em uma janelinha a imagem no tamanho normal!! gostaria de saber oq preciso mudar naquele código

Compartilhar este post

Link para o post
Compartilhar em outros sites

ronaldo_calado    0

ronaldo_calado
Postado

se o objeto é um div, você ja tentou colocar <img src='' /> do jeito q eu falei??

Dá uma olhada no código completo pra ver se você entende

<html><BODY><TABLE BORDER="0" CELLPADING="0" CELLSPACING="0" BGCOLOR="white"><TR><TD BGCOLOR="#ffffff"><a href="teste.html" STYLE="cursor:hand" ONMOUSEOUT="dis()" ONMOUSEOVER="chen()"><img src=imagem02.jpg width="60" height="36" border=0></A><BR></TD></TR></TABLE></CENTER><input type=button name="add" style="position:absolute;top:50;left:25;background-color:#000066;color:white;font-family:verdana;border-color:white;height:0;width:0"><script LANGUAGE="JavaScript"><!-- function chen(){// O \n é uma quebra de linha dentro do javascript, tem o valor do <br>add.value="é aqui que eu qro q apareça a imagem"add.style.height=120add.style.width=260}function dis(){add.value=""add.style.height=0add.style.width=0}// --></script></body></html>

eu qro que ele mostre uma imagem no lugar de textos, da uma testada nesse código que voce vai entender oq to falando

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilker    3

Wilker
Postado

agora eu saquei, tem um jeito de arrumar:

 

<html><BODY><TABLE BORDER="0" CELLPADING="0" CELLSPACING="0" BGCOLOR="white"><TR><TD BGCOLOR="#ffffff"><a href="teste.html" STYLE="cursor:hand" ONMOUSEOUT="dis()" ONMOUSEOVER="chen()"><img src=imagem02.jpg width="60" height="36" border=0></A><BR></TD></TR></TABLE></CENTER><button type=button name="add" style="position:absolute;top:50;left:25;background-color:#000066;color:white;font-family:verdana;border-color:white;height:0;width:0"></button><script LANGUAGE="JavaScript"><!-- function chen(){// O \n é uma quebra de linha dentro do javascript, tem o valor do <br>add.innerHTML="é aqui que eu qro q apareça a imagem <img src='http://www.google.com.br/intl/pt-BR_br/images/logo.gif' />"add.style.height=120add.style.width=260}function dis(){add.innerHTML=""add.style.height=0add.style.width=0}// --></script></body></html>

mudancas:

 

1 - no lugar de usar input type=button eu troquei para button type=button, a diferenca eh q usando button voce pode colocar html no conteudo

 

2 - no lugar mudar o value do objeto, eu mudei o innerHTML

 

abracos ;)

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