Ir para conteúdo

POWERED BY:

Arquivado

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

isaacn

[Resolvido] Exibir imagem na mesma pagina -- onMouseOver

Por , em Javascript

Recommended Posts

isaacn    0

isaacn
Postado

Exibir imagem na mesma pagina tipo um <CRIPT java text> alert("")</CRIPT> -- onMouseOver ou a href=

 

quero que fique da seguinte forma: uma imagem normal <img src="img.jpg" width='180' height='180' onMouseOver ou a href= />

 

ao clicar encima da imagem ela abre em uma janela dentro da pagina atual com resolucao maior que a imagem anterior, igual a de script java alert com funcao para fechar a pagina.. sera que é possivel ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

sim, é possível.

 

qual é a dúvida ?

tentou fazer ?

 

te ajudar é diferente de fazer para você. Estude, tente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

isaacn    0

isaacn
Postado

estou tentando com o script/java abaixo ,mais nao esta funcionando , eu uso navegador Firefox ..

alguem me ajude

Desde ja agradeço

<script>

function Abrejanela(Opcao) {

Versao = navigator.appVersion

Versao = Versao.substring(0, 1)

Local = " "

if (Versao < 3) {

Local = document.location

UltLoc = Local.lastIndexOf( "/ ")

Local = Local.substring(0, UltLoc + 1)

}

//

NovaJanela = window.open ( " ", " OutraJanela ", " width=300,height=400 ")

NovaJanela.document.open()

NovaJanela.document.write ( "<html><head><title>Nova Janela ")

NovaJanela.document.write ( "</title></head><body bgcolor=’white’> ")

NovaJanela.document.write ( "<form> ")

if (Opcao == 1)

{ NovaJanela.document.write ( "<br>Logomarca Elogica<hr><br> ")

NovaJanela.document.write

( "<img width=200 height=200 src= " + Local + " Marcaelo.gif> ") } else { NovaJanela.document.write ( "<br>Recife Alto Astral<hr><br> ")

NovaJanela.document.write

( "<img width=150 height=200 src= " + Local + " Recife.gif> ") }

//

NovaJanela.document.write ( "<br><hr><p></p></form> ")

NovaJanela.document.write ( "<form><input type=’button’ name=’Fecha’ " +

"value=’Fecha Janela’ " + " onclick=’window.close()’> ")

NovaJanela.document.write ( "</form></body></html> ")

NovaJanela.document.close() }

</script>


<body>

<p></p>

<p>Escolha a foto a ser apresentada na nova janela:</p>

<form method= "POST " name= "Form1 ">

<p>

<input type=radio name= "Opcao " value= "1 " checked>Elogica

<input type=radio name= "Opcao " value= "2 ">Recife

</p> <p>

<input type= "submit" name= "Envia " value= "Nova Janela "

onclick= "if (Form1.Opcao[0].checked == true)

{Abrejanela(Form1.Opcao[0].value) }

else

{Abrejanela(Form1.Opcao[1].value) } " >

</p>

</form>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ao clicar encima da imagem ela abre em uma janela dentro da pagina atual com resolucao maior que a imagem anterior,

procure por lightbox cara.

não precisa desenvolver do zero.

 

veja:

http://leandrovieira.com/projects/jquery/lightbox/

Compartilhar este post

Link para o post
Compartilhar em outros sites

isaacn    0

isaacn
Postado

ao clicar encima da imagem ela abre em uma janela dentro da pagina atual com resolucao maior que a imagem anterior,

procure por lightbox cara.

não precisa desenvolver do zero.

 

veja:

http://leandrovieira.com/projects/jquery/lightbox/

 

-------------------------

nao queria usar lightbox ,porque é mais pesado pra carregar as imagens , eu queria algo simples, mais dexa queto, acho ja sei um modo que vai dar certo

 

[RESOLVIDO]

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