aNieto2K

Miércoles ~ Marzo 29, 2006

Lightbox JS 2.0 y plugin WP-LightBox 2.0

Ya hace 2 meses apareció lightbox, una utilidad javascript que te permitía motrar las imagenes de forma “distinta” a lo que estamos acostumbrado. 5 días depues comentaba que habían hecho un plugin para wordpress con esta utilidad, algo que revolucionó los blogs, y ahora sacan la version 2.0.

Su uso es muy facil.

Primero añadimos las librerías necesarias. 

 <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Y el CSS con los estilos. 

 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Añadimos rel=”lightbox” como un atributo a nuestro enlace y ya tenemos montado el sistema :D 

 <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Mi opinion:

Personalmente me ha decepcionado, estaba bien y era “comodo” (aunque haya gente que crea que es como usar pop-ups, es más comodo que tener que cargarlo en la página o en otra nueva. Pero esta vez lo han cargado mucho, se han excedido en efectos y sobretodo han usado script.aculo.us, algo que personalmente creo que sobra. Muy bonito, pero nada práctico.

Analisis:

El peso total del paquete (descomprimido) es de 156kb, sin contar el peso de la imagen que mostramos…. HORRIBLE!!! O te pagas un server que te cagas o pones un mensaje de “PACIENCIA” a los usuarios.

[ Descargar ] [ Ver demo ] [ Sitio Oficial ]

Bueno, apesar de todo, aqui teneis el plugin con la version 2.0 :D

WP-LIGHTBOX 2.0 PLUGIN

[ Descargar  plugin ]

Instrucciones

  1. Descargar plugin
  2. Descomprimir y subir al directorio wp-content/plugins
  3. Activar el plugin

lightbox, wordpress, plugin

Compártelo

« La mejor reivindicación
Wordpress Widgets »

Quizas te pueda interesar

43 Responses to “Lightbox JS 2.0 y plugin WP-LightBox 2.0”

Pingback

Comentarios

1

Hola,

estoy intentando instalar este plugin, pero soy nueva en esto y no soy capaz… He subido la carpeta de lightbox descomprimida a wp-content/plugins pero en la parte de administración donde están los plugins no me aparece en la lista…

¿Me podrías ayudar?

Sea lo que sea, gracias. Tu blog es mi principal referencia sobre Wordpress, gracias a tus indicaciones, me ha resultado relativamente fácil poder utilizarlo.

# Ana -- 11/06/06 - 5:27 pm Responder
2

Buenas Ana, ponte en contacto conmigo y le echaremos un vistazo.

un saludo.

# anieto2k -- 11/06/06 - 5:29 pm Responder
3

Estoy haciendo pruebas y no me hace nada cuando activo el plugin, ¿He de hacer algo a parte de instalar y activar el plugin?

# javier -- 25/06/06 - 6:31 pm Responder
4

Javier, en un principio no hay que hacer nada más de lo que indico arriba.

¿Que pasos has seguido?

# anieto2k -- 25/06/06 - 11:38 pm Responder
5

Es tan sencillo que cualquier amago de webmaster podría hacer una web con enlaces a fotos que pareciera la reostia.

# Javier -- 17/07/06 - 12:34 am Responder
6

¿Hay alguna versión del lightbox 2 que incluya la version “plus” (redimensiona las imagenes)? He estado buscando pero no he tenido suerte…

# ColetasSoft -- 21/07/06 - 12:49 am Responder
7

CHido hack para usar el lightbox2 cuando posting en el blog, “Link to LightBox” en el popup menu de Uploading File
http://www.yallaya.com/2006/07/27/lightbox2-is-cool-but-something-was-missing/

# Ido -- 28/07/06 - 3:42 am Responder
8

active el plugin en el dashboard, pero no veo que agregue ningun .js en el header del blog. eso es lo que deberia hacer cierto? uso WP2.0.4..

# david -- 21/08/06 - 8:10 am Responder
9

Hola, estoy probando el lightbox2 y funciona perfectamente, lo unico que cuando al abrir la imagen no hace la animación de desplegar la imagen, ¿sabeis porque puede ser?.

Gracias.

# e -- 27/11/06 - 12:17 am Responder
10

can you Translation it into english?

# gavin -- 04/12/06 - 2:03 pm Responder
11

Hola a todos, estoy empezando en esto de Wrodpress 2.0, ya he logrado instalar un pluging en el sistema, pero he intentado con este y nada, hice lo que dicen al principio, descargue el archivo y lo subii a la carpeta de /plugins del wordpress, pero cuando voy a ver en el panel de control en plugins no sale el Lightbox, porque? no entiendo :( arriba hablan de unas lineas de un codigo, pero nose que es eso? hay que pegarlas en algun sitio para que se pueda activar el pluging? alguien puede ayudarme?

# Hola como estan? -- 23/12/06 - 1:22 am Responder
12

#21 ¿Como has descomprimido el fichero? Debería estar en un carpeta dentro wp-content/plugins/.

Revisaló y dime cosas.

# aNieto2k -- 23/12/06 - 1:25 am Responder
13

Hola,

En primer lugar felicitarte por el trabajo.

En segundo lugar preguntar a ver si alguien tiene el mismo problema que yo. Despues de instalar el plugin y activarlo, la página se me carga con errores, y al hacer click en la foto, se abre correctamente pero no aparece la imágen del “close”.
Utilizo Wordpress 2.1 con K2 y style blue-k2.

Un Saludo y gracias de antemano

# Eliot57 -- 04/02/07 - 2:08 pm Responder
14

#24 Yo ahora lo he visto bien en tu página. ¿Ya está solucionado?

# aNieto2k -- 04/02/07 - 2:25 pm Responder
15

Pues si, ahora lo tengo solucionado, más o menos. La verdad es que no aparece en todos los navegadores, pero la solución me ha resultado un poco “Parche”, me explico: Lo he solucionado subiendo el directorio de imágenes del plugin a la raiz del Wordpress, lo que pensaba que no era necesario después de activar el plugin, pero parece que en mi caso si lo es. Por otra parte, en los IE, me aparece abajo el icono de página cargada con errores, y si abro la consola de errores del Firefox me aparecen varios errores que parecen vengan dados porque los js’s dragdrop.js, controls.js, builder.js y slider.js están intentando abrir algo que no encuentran.

Un Saludo y gracias por tu dedicación

# Eliot57 -- 08/02/07 - 3:58 pm Responder
16

Perdona que vuelva a molestar, pero he solucionado el tema de que me salgan los errores en la consola de errores. Esto era porque mi página de error404 tenía errores, pero de todas maneras, en explorer me sigue apareciendo el icono de página cargada con errores.

Un Saludo

# Eliot57 -- 08/02/07 - 4:15 pm Responder
17

Ami me pasa algo parecido a lo que se comenta arriba. He subido una carpeta que he nombrado como “lightbox” al folder plugins, pero no aparece en el panel de administración. ¿Qué puede pasar? Necesito ayuda urgente!! Gracias a todos y enhorabuena por la web.

# Diego -- 09/02/07 - 5:44 pm Responder
18

#28 ¿Estas subiendo la estructura de plugins que genera el zip?

Wordpress directamente busca en la raiz de wp-content/plugins/ y si encuentra directorios desciende un nivel para cargar los ficheros que encuentre. Estoy ficheros han de ser .php y cumplir una serie de requisitos.

# aNieto2k -- 09/02/07 - 5:50 pm Responder
19

Pero donde se supone que tengo que introducir ese código??? En que archivo??

# Saul -- 09/02/07 - 5:53 pm Responder
20

#30 Se supone que en las noticias tu insertas la estructura detallada arriba para las imagenes y él automáticamente lo reemplaza para que el script lo detecte.

# aNieto2k -- 09/02/07 - 6:28 pm Responder
21

Hola

Gracias

¿Donde debo insertar los codigos que mensionas arriba?

Por ejemplo decifre que:

va dentro del archivo Header.php o cabeza

o estoy equivocado?

donde va lo demas

gracias

# Jesus RIcalde -- 07/04/07 - 9:54 pm Responder
22

Ah todo va dentro del post.

Gracias.

# Jesus RIcalde -- 08/04/07 - 2:41 am Responder
23

Hola Andres,

Necesito tu ayuda urgente! Estoy intentando usar alguna de las versiones “xxxbox” (lightbox-greybox-thickbox) para crear un pop-up automático (siempre se carga con la página o sólo la 1ra vez que alguien entra, si se puede) para la inscripción a mi newsletter.
El problema es que ninguno de los plugins funciona en mis páginas, salvo el Tygers Mooboxes, que estéticamente no me gusta. Los tuyos tampoco! Y otro problema es que no sé cómo hacer para que cargue automáticamente. Estoy usando WP2.12. Me podrías dar una mano? Gracias!
Diego
http://www.secretia.com
http://www.profesorblog.com
http://www.drbolsa.com

# Diego -- 12/04/07 - 10:12 am Responder
24

Subi la carpeta.
Active el Plug-In.
Agregue el codigo en el header.
Agregue la propiedad rel=”lightbox” en el enlace.

Pero no me la abre con el lightbox

¿Que puedo estar haciendo mal?

El Blog es http://www.hpaz.com.ar/blog
Y esta es la entrada donde lo estoy probando
http://www.hpaz.com.ar/blog/?p=10

HELP !

:(

# Hernan -- 26/01/08 - 5:59 am Responder
25

@Hernan: Por algún motivo no te está encontrado los ficheros javascript. revisa que estén en la ruta que le estás indicando.
Prototype.js no encontrado

# aNieto2k -- 26/01/08 - 11:44 am Responder
26

Hola a todos, me gusta la manera de presentar las imagenes con lightbox2, pero mis conocimientos son limitados y agradeceria si alguien me pudiera indicar de manera clara y sencilla como hacerlo para poder incorporarlo a la web que tengo en construcción para ver las imagenes. Un saludo Manuel

# Manuel -- 17/02/08 - 7:24 pm Responder
27

Buenas,

Yo acabo de instalar el lightbox, y me funciona perfectamente, salvo que la ventana con la foto en grande, me sale con barras de scroll, ¿ a que es debido? ¿cómo puedo hacer para eliminarlas? muchas gracias

Paulum

# paulum -- 25/02/08 - 12:05 am Responder
28

Por cierto me olvidaba decir, que el resultado con las barras de scroll sólo es en IE, porque en Firefox, no hay problema

paulum

# paulum -- 25/02/08 - 12:06 am Responder

Deja un comentarioTop

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso

Cerrar
Enviar por Correo