No sé como lo logren aquí, yo en mybb hice mi propio bbcode...
Creas un bbcode y le das un class a las imágenes, algo así:
<a href="#" id="openimg"><img src="$1" class="reimg" /></a>
<div id="IMGrande">
<div class="imgmarco">
<img src="$1" class="imgre" />
</div>
<span id="cerrarimg">Cerrar</span>
</div>
Y en el css sería algo así...
#openimg{
background: #aaa;
paddind: 5px;
}
*-Es para el marco, nada más...
.reimg{
max-width: 300px;
max-height: 300px;
}
*-Da tamaño...
#IMGrande{
display:none;
background: Negro con opacidad, como sombra... tú elige XD
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.imgmarco{
background: #fff;
padding: 3px;
*-Lo centras a la pantalla con css, no lo recuerdo como XD
}
.imgre{
height: auto !important;
width: auto !important;
}
y un jQuery algo así:
<script>
jQuery("#opening").click(function () {
jQuery("#IMGrande").fadeIn('slow', function () {
});
jQuery("#cerrarimg").click(function (){
jQuery("#IMGrande").fadeOut('slow', function () {
});
});
});
}
<script>
Como en los post hay muchas imagenes tienes que agregar otro jQuery, pero es para que te des una idea C;
ADiós