Ir para conteúdo
Fórum Script Brasil
  • 0

(resolvido) Exibir imagem e legenda


Andreia Regina

Pergunta

Olá

Estou exibindo algumas imagens em uma galeria desenvolvida com PHP em banco MySql, uso o javascript para exibir as imagens ao clicar.

No entanto está abrindo uma nova página com a imagem e não no id definido, seguem os scripts.

<div id="banner">
      <div id="moldura">
        <img src="imagens/banner/<?php print $row["imagem"];?>" alt="<?php if(!empty($row["legenda"])) { print $row["legenda"];} ?>" id="imagem"/>
        <div class="alpha">
<?php      print "<div class=\"conteudo\"><p id=\"legenda\">".$row["legenda"]."</p></div>";?>
        </div>
      </div>
      <div id="container">
        <ul> 
          <li><a href="imagens/banner/<?php print $row["imagem"];?>" onclick="return showPic(this)" title="<?php if(!empty($row["legenda"])) { print $row["legenda"];}?>"><img src="imagens/banner/mini/<?php if(!empty($row["imagem"])) { print $row["imagem"]; } else { print $row["imagem"];}?>" alt="<?php if(!empty($row["legenda"])) { print $row["legenda"];}?>" title="<?php if(!empty($row["legenda"])) { print $row["legenda"];}?>"/></a></li> 
        </ul>
      </div>
Retirei a parte do sql pois não é nele o problema e sim no javascript que segue
function showPic(whichpic) {
if (document.getElementById) {
document.getElementById('imagem').src = whichpic.href;
if (whichpic.title) {
document.getElementById('legenda').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('legenda').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}

Editado por Andreia Regina
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...