En unproyecto personal, necesitaba una web sencilla con Joomla en la que debia añadir el editor JCE para facilitar la edición de artículos y la inclusión de lightbox.
Auqnue actualmente para joomla 1.6 se encuentra en la version beta 6 esta bastante estable y funciona muy parecido a la version en joomla 1.5. Puedes descargar el editor JCE de su web oficial.

Para instalar este efecto necesitamos un plugin llamado MediaBox, la intalación no es difícil para quien esté habituado a este gestor de contenidos. Puede configurarse desde el menú componentes, pero tal como viene está listo para usar. Luego hay que instalar el plugin para utilizar lightbox. Se descarga de su web y se sube igual que el componente.  No hay que olvidar ir al gestor de plugin y desde ahi publicarlo, desde ahí mismo se puede configurar porque trae varios estilos, personalizables mediante CSS. También trae otros parámetros configurables como el delay en el efecto, la opacidad de la imagen PNG que difumina el fondo, el scroll, etc.

jce-plug-ins-mediabox

Una vez hecho esto, sólo hay que incluir la clase «jcepopup» en los enlaces que queramos abrir mediante lightbox (en los enlaces, no en las imágenes, que es otro fallo clásico cuando no estás acostumbrad@ a este editor). Esto puede hacerse manualmente desde la vista HTML o desde la pestaña «Advanced» de la ventana de enlaces. Si tenemos varios lightbox en un artículo y queremos mostrarlos como grupo, desde esta misma pestaña, en el campo «Relationship page to target», la última opción («Add value») nos permite dar un nombre personalizado a cada uno de los enlaces. Todos los que tengan el mismo nombre se abrirán como un mismo grupo.
Un último truco: En casi todos los lightbox existentes, el título del enlace se mostrará como título al desplegar el enlace, pero si necesitas disponer de título y subtítulo, ponlo todo en el mismo sitio y separa el primero del segundo mediante el signo de dos puntos dos veces, así: «::». Si tienes alguna duda aún, igual te interesa ver la documentación en inglés.

Por admin

Deja una respuesta

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO