TourTip, plugin jquery para dar paseos en nuestra aplicación

DESCARGA : TourTip

TourTip, plugin jquery para dar paseos en nuestra aplicación, es muy interesante que puedan existir plugins para dar un paseo en toda una interfaz ya que no todas las aplicaciones lo utilizan, esto debido a lo tardado que puede ser el adaptar una ayuda como esta en determinadas aplicaciones, claro esto es hablando de la compatibilidad con frameworks de javascript como jQuery ó Mootools.

Bueno lo importante de una implementación de este plugin es que esta realizado para jQuery, y realmente eso es de gran ayuda ya que su implementación en cuanto a la codificación no es compleja, la manera de implementar este plugin es creando una referencia por medio de un id al elemento en el que quiero centrar la atención esto se hace como comúnmente se realiza en todos los plugins de jQuery, puedes ver una demostración en la siguiente dirección.

Demo: http://tinytools.codesells.com/TourTip

El autor promete que ademas de tener una implementación sencilla, puedes tiene gran ventaja con respecto a:

 

  1. La simplicidad,
  2. Escalabilidad y rendimiento
  3. Facilidad de uso
  4. Dinámicamente agregar o quitar pasos.
  5. Aplica parámetros opcionales para todos los pasos de una sola vez
  6. Funciona para cualquier tamaño de pantalla
  7. El cambio a la etapa siguiente de forma automática ó de forma manual, o una combinación de ambos.
  8. Botón de cierre opcional para destruir el tour.
  9. De manera Opcional con fade in y fade out para pasar ir al siguiente paso.
  10. El apoyo a las posiciones de los elementos fijos y absolutos.

 

1.-  Agregar css y js

2.- Agregar referencia a un id.

	$(document).ready(function () {
		$("#TourElement1").tourTip({
			title: "Tour Title",
			description: "This is a description for the newly born TourTip :)",
			previous: true,
			position: 'right'
		});
	});

You may also like...