Widgets ocultos

Qual é minha questão:
Olá. Eu administro este fórum e gostaria de adicionar um widget oculto assim como descrito neste tutorial: https://ajuda.forumeiros.com/t7418-tutorial-widget-que-oculta-conteudo

O problema é que eu gostaria que ao invés de titulo escrito, o widget se mostrasse ao clicar em uma imagem qualquer. Como por exemplo essa aqui https://2img.net/r/ihimizer/img132/8461/3q7q.png

Agradeço a ajuda.

Endereço do meu fórum:
http://fairytailadventure.forumeiros.net

Versão do fórum:
PHPBB3

Boa tarde!

<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<dl style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none'); mudarImage();">
<dt class="h3">
<img src="URL_DA_IMAGEM_WIDGET_CONTEÚDO_OCULTO" name="myImage" style="float:right;">

<img src="IMAGEM_DESEJADA"/>

</dt><dd>
<div style="display: none;"><span class="genmed" style="line-height: 150%;"><ul><li><span class="genmed">

CONTEÚDO DO WIDGET

</span></li></ul></span><span class="corners-bottom"></span>
</div></dd></dl></div></div>

No lugar de "IMAGEM_DESEJADA" adicione a imagem que deseja.

Atenciosamente.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'