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 Plugin MTOS

 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.

This is a plugin that let you add lightbox to your blog in a automatic way, just using a tag in the html header.

• LightBox Plugin MTOS 1.1.zip
  

 LightBox for MTOS


Instalation

1.- Download the plugin.
2.- Upload the folder named LightBox into the MTOS plugins one.
3.- Upload the images to the LBimages or any other folder.
4.- Write the tag <$mt:LightBoxScripts$>  in the HTML header and save it.
6.- Publis the index, an now you can change the path of the images or rebulid all the site to build the JS and CSS templates w/o changes.

By default images should be in the LBimages folder, at the root of the site. but this can be override in the JS and CSS templates.


Any question or  bug please leve a comment.

Kind Regards