Abrir um pop-up ao clicar em uma imagem...

[SrMaster 0]

Tipo eu criei um template, queria que quando clicasse numa imagem abrisse uma POPUP, e tipo quando clicasse numa imagem, abriria ele, tipo é uma POP UP

se clicar aqui: abriria ele entendeu? apareceria assim:

 

aqui o template:

<form id='postingform' action='{$this->settings['base_url']}' method='post'>

<fieldset class='row1'>

<h3><a href="{$this->settings['DCSR_news_link1']}">{$this->settings['DCSR_news_title1']}</a></h3>

<ul>

<li class='field'>

{$this->settings['DCSR_news_editor1']}

</li>

</ul>

</fieldset>

<fieldset class='submit'>

<a href="{$this->settings['DCSR_news_link1']}"><input type="submit" name="dosubmit" value="Ir para o tópico" tabindex="3" class="input_submit" accesskey="s" /></a> ou <a href='#' class='cancel' title='{$this->lang->words['cancel']}' id='cancel' tabindex='4'> {$this->lang->words['cancel']}</a>

</fieldset>

</form>

Obrigado.

[Thiago Retondar 18]

Tem que fazer com JavaScript.

 

Tem dessa maneira que eu não gosto muito:

HTML<img src="img.jpg" alt="" id="btn" /><div id="information"class="closed"><!--conteudo--></div>CSS.closed{ display: none; }.opened{ display: block; }JavaScript:window.onload = function(){    document.getElementById("btn").onclick = function(){        document.getElementById('information').className = "opened";    };};

É bem simples esse aí. Não aprimorei por que estou com pressa.

 

:thumbsup:

[SrMaster 0]

Obrigado pela resposta, mas está ficando já aberta

[Paulo de Tarso F. M. 24]

Não filhinho, o código que o Thiago colocou em CSS deve ser colocado no arquivo CSS e não no próprio corpo, como posso observar na imagem... E outra coisa, com o exemplo que ele passou, isso seria para apenas 1 imagem com o id btn. Na sua imagem, pelo jeito haverá um monte de imagens que precisam desse recurso que você deseja, e sendo assim, lembre-se que cada imagem precisará de uma id diferente... :assobiando:

[Thiago Retondar 18]

É. Como no seu caso vai ser mais de um botão, cria uma classe para pegar todos os elementos que vão ser clicados e assim já estiliza.

 

O código que passei está bem fraquinho. Fiz correndo. Mas dá para ter uma base para evoluir.

 

:thumbsup: