Habilitar Cursores en Litebox Plugin para Wordpress

16 de Marzo de 2007   |     |   Comparte este Artículo
Cerrar
  • Marcadores Sociales
  • E-mail
E-mail It

categorias: Internet y Weblogs, Software
etiquetas: , , , , , ,

Comentaba la semana pasada que potaje.net había cambiado el fantástico plugin por el ultraligero (36 Kb).

Originalmente este plugin no está preparado para navegar por los grupos de imágenes (sets) mediante las teclas de cursor izquierda y derecha, y tan sólo vienen habilitadas las teclas p (previous) y n (next). Habilitar las teclas de cursor para la navegación no es complicado -retocando el fichero litebox-1.0.js en /plugins/gblitebox/js/- aunque hay que estar alerta en no romper el flujo.

Alrededor de la linea 422 del fichero litebox-1.0.js se definen las teclas posibles para cerrar la ventana pop-up litebox y a partir de la linea 424 (basándonos en la versión 1.0 del 07/03/06) se definen las teclas de navegación y su comportamiento. Para habilitar las teclas de los cursores izquierda y derecha añadiremos los códigos de estas teclas (37 y 39) en las funciones if ya definidas para previous y next.

Detrás de key == ‘p’ añadiremos || keycode == 37 para habilitar el cursor izquierda. Detrás de key == ‘n’ añadiremos || keycode == 39 para habilitar el cursor derecha.

El nuevo código quedaría de la siguiente manera:


if((key == 'x') || (key == 'o') || (key == 'c')){	// close lightbox
		myLightbox.end();
	} else if(key == 'p' || keycode == 37){	// display previous image
		if(activeImage != 0){
			myLightbox.disableKeyboardNav();
			myLightbox.changeImage(activeImage - 1);
		}
	} else if(key == 'n' || keycode == 39){	// display next image
		if(activeImage != (imageArray.length - 1)){
			myLightbox.disableKeyboardNav();
			myLightbox.changeImage(activeImage + 1);
		}
	}
},

Artículos Relacionados: Litebox Plugin para Wordpress

  1. Muchas gracias. funciona!!!!

    Saludos cordiales,

    tiet,

    Comentario por henrygale — 18 Marzo 2007 #

  2. […] para pasar de una foto a la siguiente pulsar N , para pasar a la anterior P y para cerrar X (para los que estabais acostumbrados a utilizar las teclas del cursor derecha-izquierda gracias a potaje aqui el parche) […]

    Pingback por henrygale’blog » Blog Archive » Barcelona and Modernity: Gaudí to Dalí — 18 Marzo 2007 #

  3. Gracias por el trackback gale.

    Le he pasado la sencilla modificación a Gavin Barker por si le interesa añadirla en la siguiente versión del plugin.

    Comentario por potaje — 19 Marzo 2007 #

  4. Muchisimas graciasss¡¡¡¡ potaje sois unos makinas , pero aver si me podeis exar una manilla eske toy una mijilla liao, muchas gracias de antemano , mi duda es la siguiente : como puedo poner ke cuando se vea la imagen al acer click en ella me redireccione a una web?,si me podeis exar una manilla os lo agradecere eternamente :D :D,
    muchas gracias.

    Comentario por fibux — 13 Abril 2007 #

  5. Me alegro de la modificación te haya sido útil, aunque sólo sea la mitad de útil de lo que necesitabas.

    Yo diría que tendrías que retocar demasiado este plugin para que hiciera lo que comentas. Tendrías que pasarle la URL de alguna manera. Teniendo en cuenta que el atributo REL ya se utiliza para indicar que dicha imagen está relacionada con el plugin (REL=”lightbox”) quizá podrías utilizar el atributo REV.

    Puede que sea mejor que esta consulta la traslades al creador del litebox plugin for wordpress.

    También podrías utilizar plugins basados en ThickBox o GreyBox.

    Saludos

    Comentario por potaje — 14 Abril 2007 #

Añade un Comentario:

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

potaje - archivo - archivo gráfico - contacto - Condiciones de Uso - RSS Feed

Optimizado para a 1024x768. Gestionado con WordPress con el tema Pool.
0.414 segundos.