Miniatura aparecer grande em baixo

[RUAN.FIGUEIREDO21 0]

Iaee gente, então eu to com um projetinho e tipo eu tenho algumas imagens em miniaturas e gostaria que quando clicasse em uma delas ela aparecesse em uma div maior em baixo. Php de preferência. Obrigadooo.

[ESerra 744]

Você não precisa do PHP para isto, basta JS para "escrever" a imagem na div abaixo.

[RUAN.FIGUEIREDO21 0]

Você não precisa do PHP para isto, basta JS para "escrever" a imagem na div abaixo.

Sim, mais não entendo nem 1% de JS e queria em php, porque eu sei que da pra fazer, só não to me lembrando como!

[ESerra 744]

Você não quer em JS porque não sabe, ai quer em PHP que você não se lembra como fazer... legal a linha de raciocínio...

<img src="miniatura-1.jpg" onclick="imagem('nome-da-imagem-1.jpg')" /><br />
<img src="miniatura-2.jpg" onclick="imagem('nome-da-imagem-2.jpg')" /><br />
<img src="miniatura-3.jpg" onclick="imagem('nome-da-imagem-3.jpg')" /><br />
Imagem<br />
<div id="imagem">
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script>
function imagem(nome){
    $('#imagem').html('<img src="'+nome+'">');
}
</script>

[RUAN.FIGUEIREDO21 0]

Você não quer em JS porque não sabe, ai quer em PHP que você não se lembra como fazer... legal a linha de raciocínio...

<img src="miniatura-1.jpg" onclick="imagem('nome-da-imagem-1.jpg')" /><br />
<img src="miniatura-2.jpg" onclick="imagem('nome-da-imagem-2.jpg')" /><br />
<img src="miniatura-3.jpg" onclick="imagem('nome-da-imagem-3.jpg')" /><br />
Imagem<br />
<div id="imagem">
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script>
function imagem(nome){
    $('#imagem').html('<img src="'+nome+'">');
}
</script>

Engraçado mesmo, antes algo que não lembro e relembre, ou seja, algo que eu entende do que algo que vai ser só copiado e colado sem ao menos entender algo não acha?? Mais valeu vou dar uma olhada!

[ESerra 744]

Eu realmente prefiro acreditar que você nunca tenha feito isso em PHP, pois a própria natureza deste tipo de coisa exige JS, imagina toda vez que clicar em uma miniatura a página ser atualizada apenas para exibir a imagem no tamanho original...

[RUAN.FIGUEIREDO21 0]

Eu realmente prefiro acreditar que você nunca tenha feito isso em PHP, pois a própria natureza deste tipo de coisa exige JS, imagina toda vez que clicar em uma miniatura a página ser atualizada apenas para exibir a imagem no tamanho original...

Eu não fiz! Mais parece que já vi algo assim, e como te disse não entendo 1% de JS e não consegui adaptar o que me passou. Na função, o que é o "nome", seria o nome da imagem, ou então o nome da função? Isso que não entendi.

[ESerra 744]

Eu não fiz! Mais parece que já vi algo assim, e como te disse não entendo 1% de JS e não consegui adaptar o que me passou. Na função, o que é o "nome", seria o nome da imagem, ou então o nome da função? Isso que não entendi.

As funções em JS funcionam basicamente da mesma maneira que em PHP (como você diz que não entende 1% de JS vou assumir que entenda pela menos 1% de PHP), nome é apenas nome, um argumento da função, assim como em PHP, o nome da função é imagem, o modo de usar, dentro do onclick...:

<img src="miniatura-1.jpg" onclick="imagem('nome-da-imagem-1.jpg')" /><br /> -> nome terá o valor nome-da-imagem-1.jpg
<img src="miniatura-2.jpg" onclick="imagem('nome-da-imagem-2.jpg')" /><br /> -> nome terá o valor nome-da-imagem-2.jpg
<img src="miniatura-3.jpg" onclick="imagem('nome-da-imagem-3.jpg')" /><br /> -> nome terá o valor nome-da-imagem-3.jpg

[RUAN.FIGUEIREDO21 0]

As funções em JS funcionam basicamente da mesma maneira que em PHP (como você diz que não entende 1% de JS vou assumir que entenda pela menos 1% de PHP), nome é apenas nome, um argumento da função, assim como em PHP, o nome da função é imagem, o modo de usar, dentro do onclick...:

<img src="miniatura-1.jpg" onclick="imagem('nome-da-imagem-1.jpg')" /><br /> -> nome terá o valor nome-da-imagem-1.jpg
<img src="miniatura-2.jpg" onclick="imagem('nome-da-imagem-2.jpg')" /><br /> -> nome terá o valor nome-da-imagem-2.jpg
<img src="miniatura-3.jpg" onclick="imagem('nome-da-imagem-3.jpg')" /><br /> -> nome terá o valor nome-da-imagem-3.jpg

É cara mais não deu certo não, e tenho quase certeza que fiz tudo certo, so tem esse jeito?

[ESerra 744]

O problema é o "quase certeza"...

http://edgarserra.com/exemplofuncional/teste-img.php

[RUAN.FIGUEIREDO21 0]

O problema é o "quase certeza"...

http://edgarserra.com/exemplofuncional/teste-img.php

Achei o erro, eu fiz tudo certo mais ele não reconhece o nome eu acho. Tipo eu salvo o nome das imagens no banco certo? Só puxo como uma variável, e defino o caminho em outra variável e no teu código isso não ta dando certo.

Vou por o código

Chamando do banco e definindo como variável:

$id= $_GET['id'];
$sql_select = mysql_query("SELECT * FROM anuncio WHERE id='$id'");
$result = mysql_fetch_array($sql_select)or die(mysql_error());
$caminho= "uploads/";
$img_princ = $result['img_princ'];
$imagens = $result['nome'];
$img= explode(";", $imagens);

echo'<img src="'.$caminho.$img_princ.'" style="cursor: pointer;" onclick="imagem('.$caminho.$img_princ.')" class=" thumbnail" /></div>';
echo'<div id="imagem"></div>';

Isso ai não da certo, e eu sei que o que não ta dando é a parte do ".$caminho.$img_princ." porque eu fiz no html desse jeito:

<img src="'.$caminho.$img_princ.'" style="cursor: pointer;" onclick="imagem('uploads/nome-da-imagem.jpg')" class=" thumbnail" />
<div id="imagem"></div>

E deu certo, só não apareceu a miniatura obviamente porque foi fora do php.

[ESerra 744]

Posta o script inteiro.

[RUAN.FIGUEIREDO21 0]

Posta o script inteiro.

É muita coisa, não vale a pena