Jump to content


Photo

Abrir Imagem Na Div Ao Lado, Ao Clicar


  • Faça o login para participar
10 replies to this topic

#1 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 23/01/2006, 15:58

Olá!

Estou com a seguinte situação:
Tenho uma galeria de imagens, na div da esquerda ficam as miniaturas das imagens, o que eu preciso que ao clicar sobre uma imagem, esta apareça na div da direita.

Desde já agradeço, quem puder me ajudar :)

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 23/01/2006, 19:53

entaum o q vc pode fazer é nas imagens miniaturas criar uma função q passa como parametro o nome da imagem!!!!
ai vc tem duas opções ou usar o innerHTML ou usar imagem.src !!!!!

seria algo assim:

<script>
function imagens(qual){
 var img = document.getElementById("imagem");
 img.src = qual;
}
</script>
<div id='esquerda'>
   <a href="javascript: imagems('imagem1.jpg')"><img src="imagem1.jpg" alt="" /></a>
   <a href="javascript: imagems('imagem2.jpg')"><img src="imagem2.jpg" alt="" /></a>   
   <a href="javascript: imagems('imagem3.jpg')"><img src="imagem3.jpg" alt="" /></a>
</div>
<div id="direita"><img src="imagem_inicial.jpg" id="imagem" />
</div>

Qualquer coisa volte a postai!!!! :P :D

PS.: Movi para a sessão correta!!! ;)

[]'s
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 24/01/2006, 09:11

Bom dia!

As imagens vêm do bd mysql em miniaturas, tenho o nome do arquivo miniatura, e qdo clicar na imagem deve aparecer na div ao lado a imagem em tamanho normal.

usei assim:
function imagens(qual){
var img = document.getElementById("galeria");
img.src = qual;
}
onde galeria é o nome da div onde eu preciso que apareça a imagem

onde chama a função assim:
	print "<a href=\"javascript: imagens('admin/galeria/galeria_img/$imagem')\"> <img src=\"admin/galeria/galeria_img/mini/thumb.php?$img_mini\" border=\"0\" /></a>";

Mas não acontece nada. Ele mostra o nome correto da imagem a ser mostrada, mas não a mostra em lugar algum :wacko:

Pode me ajudar?

Obrigada

Edição feita por: Andreia Regina, 24/01/2006, 09:39.

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 24/01/2006, 09:52

"galeria" é o id da tag <img /> . .
Se a imagem "admin/galeria/galeria_img/$imagem" existir no servidor, ela teria que ser mostrada. . Veja o código fonte da página para ver como ficou o código sem o php.. ou se der, pode aqui a página de testes.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 24/01/2006, 10:11

Oi!

:: veja ::

Obrigada

Edição feita por: Andreia Regina, 24/01/2006, 10:16.

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 24/01/2006, 10:20

Você está tentando mudar o src da div.. O id "galeria" deve estar em uma tag <img />
<img src="" id="galeria" />
e não como você fez
 <div id="galeria"> </div>

:)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 24/01/2006, 10:25

Pois é vi isso agorinha!

Só tenho que arrumar o posicionamento!


Muito obrigada!!!

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#8 Caio duvidas

Caio duvidas

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino

Posted 07/02/2009, 18:49

Oi pessoal queria saber como faço para trocar uma imagem com div e inner.html mas criar um link para quando eu clicar trocar a imagem :rolleyes:

Ps:Se não for pedir demais gostaria de um suporte de paginá

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 16/09/2017, 08:52

Acheter Cialis Sans Ordonnance Ligne cialis Zithromax And Doxycycline
Nexium Pills Online Levitra 20mg Pas Cher
Viagra Al Supermercato <a href=http://cialtobuy.com>cialis</a> Amoxicillin And Gram Negative
Amoxicillin Strain Bacteria online pharmacy Levitra Zu Verkaufen
Difference Entre Cialis Kamagra Propecia De Remate
Kamagra Francais Acheter <a href=http://cialtobuy.com>cialis</a> Purchasing Zentel
Cialis Jeune Homme online pharmacy Buy Tamoxifen Europe
Is Nolvafien The Same As Nolvadex
Generic Cialis Super <a href=http://cialtobuy.com>viagra cialis</a> Buy Orlistat Online

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/10/2017, 16:36

Kamagra Vs Cialis Macrobid Where Can I Buy In Internet Doncaster viagra online pharmacy Propecia Precio Parafarmacia H Pylori And Keflex Cialis Falso
Drug Reaction To Amoxicillin Prix Cialis En Espagne Viagra Original Pas Cher only here what is levitra Dosage Amount For Amoxicillin For Uti

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/11/2017, 12:39

Amoxicillin Once Daily Generic Viagra Sildenafil Citrate Cialis Tratamiento Cancer generic viagra Cialis Listino Prezzi
Viagra Cialis Unterschiede levitra en ligne canada Cheap Kamagra Tablets Uk Cialis Duracion Del Efecto
Propecia Malaga Amoxil Dose For Dogs Clobetasol In Canada Pharmacy cialis price Can You Order Amoxicillin Online Cialis 100mg Dosage Canesoral Usa




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq