Jump to content


Photo

[Dúvida] Atualizando Uma Div E Img


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

#1 Baazyngaa

Baazyngaa

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR
  • Interesses:PHP, CSS, JS :}

Posted 05/10/2010, 21:20

Boa Noite a todos,
Estou criando uma galeria de fotos, porém estou tendo problemas.

Em uma tela tenho as fotos em sequencia e deixei um espaço reservado na tela para a exibição das mesmas.
E junto com exibição da imagem tem um script php que mostra o nome da foto e sua descrição que foram cadastradas na DB.

Deve acontecer, que quando o usuário clicar na foto thumb, ela seja exibida em tamanho maior e o script php seja rodado também, para pegar o nome da imagem e buscar a descrição na DB.

Tentei usar alguns Scripts JS para recarregar a DIV que contém a imagem a ser atualizada e o script php, porém nada funcionou, alguém poderia me ajudar por gentileza?

Como faria para atualizar uma imagem a partir de um href, e como atualizo o script php que esta dentro de uma DIV?

Obrigado!

#2 marrentao

marrentao

    Turista

  • Usuários
  • 38 posts
  • Sexo:Não informado

Posted 13/10/2010, 13:54

Boa Noite a todos,
Estou criando uma galeria de fotos, porém estou tendo problemas.

Em uma tela tenho as fotos em sequencia e deixei um espaço reservado na tela para a exibição das mesmas.
E junto com exibição da imagem tem um script php que mostra o nome da foto e sua descrição que foram cadastradas na DB.

Deve acontecer, que quando o usuário clicar na foto thumb, ela seja exibida em tamanho maior e o script php seja rodado também, para pegar o nome da imagem e buscar a descrição na DB.

Tentei usar alguns Scripts JS para recarregar a DIV que contém a imagem a ser atualizada e o script php, porém nada funcionou, alguém poderia me ajudar por gentileza?

Como faria para atualizar uma imagem a partir de um href, e como atualizo o script php que esta dentro de uma DIV?

Obrigado!


script php dentro de uma div?? qq é isso??
não entendi mto bem oq vc ta querendo mas acho q isso pode ajudar...
troca o src da imagem por script...e pra "atualizar" o conteudo de uma div vc pode usar innerHTML vindo de um resultado ajax
<img src="teste.jpg" id="imgteste">

function troca(novasrc) {
document.getElementById("imgteste").src=novasrc;
}

<a href="javascript:troca('novasrc')"/>troca</a>

#3 Guilherme Vieira

Guilherme Vieira

    Normal

  • Usuários
  • 113 posts
  • Sexo:Masculino
  • Localidade:Fortaleza, Ceará
  • Interesses:Desenvolvimento Web baseado nos padrões do W3C, HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, SQL, MySQL.

Posted 13/10/2010, 22:45

Boa noite.
Ó, carregar a foto grande é fácil usando
onclick="document.getElementById('fotoGrande').src='fotoTal.jpg';"

e eu vejo duas saídas, usar o mesmo evento onclick e já adicioar a legenda, que vc já teria carredgado usando PHP, ou vc pode usar AJAX, que, além demais leegante, não sobrecarrega sua página carregando tantos daods aon mesmo tempo.

na prieira opção ficaria assim:
onclick="document.getElementById('fotoGrande').src='fotoTal.jpg';document.getElementById('legenda').innerHTML='Lorem ipsum dolor';"

na segunda teria que ver suas funções AJAX.

Valá, testa ai e posta o resultado.
Boa sorte!

Edição feita por: Guilherme Vieira, 13/10/2010, 22:46.

Guilherme Vieira
g.

PS: Te ajudei? Me dá ponto! ^^

#4 Baazyngaa

Baazyngaa

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR
  • Interesses:PHP, CSS, JS :}

Posted 17/10/2010, 14:17

Boa Tarde, Obrigado pelas respostas!

Mas consegui o que queria da seguinte maneira:

Na página index.php eu deveria ter a galeria de fotos, algumas fotos com carrosel, e quando recebiam um click carregavam a foto em tamanho maior em uma div.

Pois bem, no index.php para exibir as fotos eu usei php para exibir os thumbs, criei o arquivo exibe_foto.php, nele eu pegava por GET (Passado pelo index.php) o id da foto e carregava ela na própria página.

Então usei um script em Jquery feito pelo "Eliseu M."

$(document).ready(function() {
        $("a#ajax").click(function() { // inclui todos os links com id="ajax"
                $("#ajaxContent").load($(this).attr("href")); // carrega o conteúdo da página em HREF dentro da DIV #ajaxContent (id="ajaxContent")
                return false; // remove a ação do link para navegar até a página do HREF, pois ela já foi carregada na DIV
        });
});

Quando a pessoa clicava no link da imagem do index, ele carregava a exibe_foto.php na div, e o link passava por get o id da imagem e carregava ela.

Pronto o cara poderia vizualizar as fotos sem atualizar a página cada vez que clicava em alguma foto :}

Se alguém precisar posto os códigos.

Muito obrigado a todos :)




1 user(s) are reading this topic

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

IPB Skin By Virteq