He terminado por optar por la de Bautiful Beta, de la siguiente manera:
1º.- script, antes del /head:
<script src='http://home.planet.nl/~hansoosting/downloads/lightbox.js' type='text/javascript'/>
2º.- CSS, antes del cierre /skin:
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; }
#overlay img{ border: none; }
3º.- Subir al pc la imagen deseada.
4º.- Incluirla en la entrada o donde se vaya a colocar, dentro de un "rel", así:
<a href="URL.gif" rel="lightbox">NOMBREIMAGEN</a>
Una prueba: Nido
Hasta aquí, el ejemplo desde un vínculo. Pero si queremos ver la imagen desde la propia imagen, el tema cambia poco, pues sólo hay que añadir el "rel", p.e. así:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlE1S1SrWUoLvwZIr6yR10mHVlfUnq72g8XnR7DOqfaTpQuTdfx600Xj0fLFsCQP_23n_ntV5l0L-tZoH196Zd1almDMkMfp6DIxp0beekcSPFDoh9mMPg0JUk1OuTEUkdM1HbHRq_v0Wm/s320/Nido.jpg" rel="lightbox"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlE1S1SrWUoLvwZIr6yR10mHVlfUnq72g8XnR7DOqfaTpQuTdfx600Xj0fLFsCQP_23n_ntV5l0L-tZoH196Zd1almDMkMfp6DIxp0beekcSPFDoh9mMPg0JUk1OuTEUkdM1HbHRq_v0Wm/s320/Nido.jpg" width="150" height="75" alt="" /></a>
Y ya está... (pero me gusta más la Ibox...)
✍ ¿Quieres hacer algún comentario? ✍