English
Hoy quiero presentarles este plugin para MTOS, el cual es una implementación de LightBox 2 de Lokesh Dhakar. Este plugin instalara de forma automática, los scripts necesarios para que funcione LightBox en tu blog bajo MTOS, además cuando agregues una imagen a tu entrada y esta sea una miniatura o no se muestre en la entrada, es decir cuando solo aparece el enlace de Ver imagen. Esta es una versión modificada de LightBox, la cual entre otras cosas tiene que es tiene un tamaño menor que el script original, la imagen se auto centra, la barra de detalles y acciones solo se muestra cuando pasas el Mouse sobre ella, las imágenes que no caben en la pantalla son reducidas para que ocupen la mayor parte posible, con un botón para poder ver la imagen de tamaño completo, así como otro para volver a reducir la imagen.
Este plugin surgió, porque quise instalar LightBox 2 en mi blog, cosa que no me llevo ni 5 minutos, y yo era feliz, ya que ahora tenia LightBox, solo que había que agregar manualmente a cada imagen la etiqueta para que funcionara con LightBox, aparte descubrí que MTOS 4.2 mas LightBox 2 más Internet Explorer 7, no eran una buena combinación. Bajo IE7, la página no se mostraba, solo parecía un mensaje de que la operación iba a ser abortada o algo por el estilo, cosa que me llevo 2 días resolver, pero por suerte y valiéndome de una que otra maña que he aprendido, di con el resultado final. Ahora ya funciona completamente, sin problemas bajo IE7 y IE 6.

Después decidí instalar el plugin de Custom Assets MarkUp de Jay Allen, pero el resultado no era el que yo deseaba, además tuve algunos cuantos problemas con las imágenes en miniatura, por lo que me dije bueno pues no abra de otra, tendré que hacer mi propio plugin. La verdad ya tenia rato queriendo hacer algún plugin para MTOS, solo que la verdad le sacaba un poco la vuelta porque MTOS esta en escrito en Perl, un lenguaje que desconozco, pero con más ganas que conocimiento, me di ala tarea de hacerlo. Hay reconocer que me guié mucho por el plugin de Custom Assets MarkUp, sobre todo, para cambiar la función donde se genera el asstet o elemento de tipo imagen (image en ingles), cuando uno lo agrega a su entrada. Como lo único que realmente requería era agregarle unas cuantas cosas a lo que ya existía, no vi el caso a volver a escribir la forma en que MTOS lo hace, por lo que copie el código completo de MTOS y agregue lo que requería y lo metí en una función aparte. Solo fue cuestión de cambiar la referencia y listo, cuando se agreguen imágenes todo será transparente.

Ahora venia la parte de los scripts, los cuales son varios, ya que
LightBox se basa en Prototype, por lo que dije pues de una vez a
meterle los scripts, con una etiqueta. Así que desempolve un viejo
plugin que alguna vez modifique que hacia algo parecido, es decir
cambiar el contenido de una etiqueta por otras cosas. Tomando eso como
base y la idea de Custom Assets MarkUp de agregar las plantillas por
blog, en la primera ejecución.
La forma en que el plugin opera es
la siguiente, abres tu plantilla de HTML de la Cabecera, y en algún
lugar pones la etiqueta <$mt:LightBoxScripts$> la cual
automáticamente agrega todas las referencias a las librerías de
prototype, desde las apis de Google, las cuales están ahí para eso,
para que las uses desde tus sitios, además si detecta que las
plantillas índice "LightBoxJS" y "LightBoxCSS" no existen, entonces las
crea y las genera, enlazándolas a los archivos lightbox.js y
lightbox.css respectivamente en la raíz del blog en cuestión.
Por default las imágenes deberían de estar en una carpeta llamada LBimages, en la raíz del sitio, pero esto puede ser cambiado en las plantillas antes mencionadas.
LightBox para MTOS 1.1
Instalación
1.- Descarga el plugin.
2.- Navega hasta la carpeta de plugins de MTOS.
3.- Sube ahí la carpeta llamada LightBox.
4.- sube las imágenes a la raíz del sitio o en algún otro lugar. La carpeta por default es LBimages.
-Esto lo puedes hacer por medio del mismo MTOS o por ftp, la forma de hacerlo queda a tu elección.5.- escribe la etiqueta <$mt:LightBoxScripts$> en la plantilla de de HTML de la Cabecera y guárdala.
6.- publica tu blog.
Listo, la siguiente vez que escribas una entrada e insertes una imagen en miniatura o un enlace de Ver imagen, LightBox entrara en acción.
Hay que aclarar que en este punto el plugin no tiene efecto sobre las imágenes que ya tienes en tus entradas, ya que todas esas imágenes no tienen la etiqueta que hace que LightBox se active. La solución seria agregar manualmente la etiqueta rel="lightbox" o quitarlas y volverlas a insertar. La otra forma es haciendo un programa que lo haga automático por ti. No descarto la idea de hacerlo, pero eso será para después y muy posiblemente en php, ya que en perl no me creo capas.
Cualquier duda o sugerencia, quejas, Bugs o aclaraciones, dejen un comentario.
Saludos.
Comentarios recientes
creanme esta paguina tiene mucho virus que se
hugo
waaa de poka esta pagina gracias eeee jejeje
sullivan
PUES LA NETA ME GUSTO MUCHO, ASI SABES
azzula princess