Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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!
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>>
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!
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 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.
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>
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?O problema é o "quase certeza"...
>
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.
Posta o script inteiro.
Posta o script inteiro.
É muita coisa, não vale a pena
Você não precisa do PHP para isto, basta JS para "escrever" a imagem na div abaixo.