Llevaba ya tiempo trasteando con algunos plugins para mostrar en WordPress galerías de imágenes y videos. Hasta la fecha había probado Lightbox, Lightbox2, videobox…

Tenía el problema de que estos plugins de imágenes y videos no eran compatibles entre si. Es decir que o mostrabas las imágenes o los videos, pero ambos plugins no se podían usar simultaneamente.

Este problema ha desaparecido gracias a Lightview. Este potentísimo y curradísimo plugin permite mostrar un amplio abanico de contenidos multimedia.

Desde su versión 2.0 Lightview permite mostrar, no sólo galerías de imágenes mediante el conocido método de “overlay” (es decir oscureciendo la página desde la que se carga la galería y sacando una ventana emergente con el contenido que se quiere mostrar), sino que también puede mostrar videos (de varios formatos como Quicktime, flash…), páginas web y otros muchos formatos.

El JS original de Lightview es un proyecto de Nick Stakenburg.

Lo podéis descargar desde el siguiente enlace Lightview for WordPress (v2.2.6) 2008-04-20

La instalación del plugin es tan sencilla como subir la carpeta “lightview” (que os aparecerá después de descomprimir el fichero que os habréis descargado) a /wp-content/plugins/ activándolo después.

A continuación os pongo algunos ejemplos de uso con los contenidos más habituales. Si necesitáis más información acerca del plugin aquí está su página oficial.

For a single image:
<a href="foobar.jpg" class="lightview">foobar</a>

For a set of images:
<a href="foo.jpg" class="lightview" rel="gallery[foobar]">foo</a>
<a href="bar.jpg" class="lightview" rel="gallery[foobar]">bar</a>

For a QuickTime movie:
<a href="quicktime.mov" class="lightview" title="">QuickTime</a>

For a Flash video with title and size limits:
<a href="flash.swf" class="lightview" title="Title::::width:320,height:240">video</a>

For a webpage (iframe) with title and description, in fullscreen:
<a href="http://www.google.com" class="lightview" title="Title::Description::fullscreen:true">Google</a>

Editado:  02/10/2009

Hace algunos días una amiga me dijo que desde su Windows 7 con IE 8 no podía ver correctamente las imágenes mediante Lightview. La solución pasa por añadir una breve linea de código en el fichero header.php del theme que se esté usando justo dentrás de la etiqueta <header>. La linea en cuestión es:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Por favor, si te ha gustado este artículo puntúalo pulsando sobre las estrellas.

3.329 veces visto

¡Compártelo!