Exibir Imagem

[Halfar]

tenho um link que ao ser clicado deverá exibir uma imagem.

Bem a coisa é mais complicada que isto.

O link é exibido num campo estilo p1, assim:

<p class = "p1">

texto link;

</p>

depois em outro estilo (que terá o formato de uma caixa) a imagem deverá ser exibida.

<p class = "p2">

aqui exibe imagem

</p>

E isto deverá ser feito sem realizar carregamento de pagina novamente, portanto não posso utilizar php para acessar banco de dados para buscar imagens, tenho que trabalhar com JS então.

Pensei então na seguinte alternativa:

o link existente no estilo p1 irá passar uma variavel contendo o codigo da imagem. Dentro de um array existirá a url da imagem, assim:

imagens[0] = "url da imagem", sendo que zero será o codigo da imagem.

Bem, a parte mais dificil é fazer aparecer a imagem sem dar reload na pagina...

Será que deu para entender?

[CSML sistemas]

Halfar, se você usa IMG para exibir a imagem (sei lá se é background-image...), basta obter o elemento via "document.getElementById" (recomendo definir o atributo ID e usar este método) e alterar a propriedade "src", atribuindo a esta o valor da URL que está na posição desejada de seu array.

Se for background-image, vai ter que trabalhar com url()...

É por aí... ;)

[Halfar]

certo, entendi..

Mas o que mais me preocupa é que quando clicar no link, tenho que passar o valor da variavel para a matriz, mas sem dar reload na pagina...

[flavio]

Halfar, c sabe trabalhar com Ajax?

Quando alguém fala em "carregamento sem dar reload na página" penso logo em Ajax. Sem falar que isso ia te possibilitar usar banco de dados e php.