Rutarelativa

Publicidad

Anotaciones reducidas

  • La vida en un día: Película de un día en la Tierra La vida en un día: Película de un día en la Tierra

    La vida en un día -Life in a day- es una película hecha por los propios usuarios de Youtube, que durante el día 24 de Julio del 2010 grabaron las cosas que pasaban en su vida durante ese día, y el director Kevin McDonald ha reunido en forma de película de un día en la Tierra.

    De una hora y media de duración, veremos todo tipo de escenas en todas las partes del mundo, con una emotiva visión del mundo real tanto con sus cosas bellas y buenas, como con la más cruda visión del ser humano y su realidad.

    [La vida en un día: Película de un día en la Tierra]

  • Video: Las posibilidades de Kinect Video: Las posibilidades de Kinect

    Cuando oímos hablar de Kinect, no podemos evitar pensar en un "simple" aparato de detección de movimientos para videojuegos, y en cierto modo es así.

    Lo bueno es que Microsoft ha lanzado una SDK de Kinect para que los usuarios puedan crear aplicaciones que exploten las capacidades del dispositivo, dando lugar a miles de ideas.

    El siguiente video es al fin y al cabo con fines publicitarios, pero nos da que pensar acerca de las aún sin explotar posibilidades de Kinect. Disfrutadlo.

    [Video: Las posibilidades de Kinect]

  • La historia de los Exploradores Web La historia de los Exploradores Web

    Desde prácticamente los comienzos de Internet los Exploradores Web o Navegadores web nos han acompañado, haciendo las veces de herramientas indispensables para una navegación que a cada año que pasa se hace más cómoda y más intuitiva.

    En Testking encuentro una imágen que contiene un gran esquema de la historia de los Exploradores Web desde el primer Nescape en 1994 hasta los navegadores modernos de este año 2011.

    Una imágen interesante para conocer cuál ha sido la evolución en éste área.

    [La historia de los Exploradores Web]

Últimos comentarios

  • Avatar del usuario Alberto Alberto Hola Sergio, Excelente tu post, llegué a ti debido que quiero...
  • Avatar del usuario aiko aiko Hola, yo uso esta calculadora saber cuánto para enviar y recibir:...
  • Avatar del usuario Samir Jalabe Samir Jalabe Buenas quien me ayuda hacer un rombo en Php por favor de antemano...
  • Avatar del usuario andres andres y como los recibes en javascript?
  • Avatar del usuario sdasdas sdasdas WINDOWS 7 ---> C:\Program Files\Common Files\Adobe\OOBE\PDApp\UWA
  • Avatar del usuario Mariano Fuenzalida Mariano Fuenzalida Disculpa, cuando despliego el menú de ayuda en photoshop...
  • Avatar del usuario Metztli Metztli Ese código de php, ¿funciona para magento?
  • Avatar del usuario daniel daniel Buenas tardes quisiera saber como se escribe mi nombre...
  • Avatar del usuario Omar Omar Hola: Estoy rehaciendo mi web que es un gran catálogo y quiero...
  • Avatar del usuario carlos carlos muchas por tu aporte

Lo más comentado

Lo más visto

Post al azar

Nivo: Slider con varias transacciones en Jquery

(1)
23 / Marzo / 2010
Nivo: Slider con varias transacciones en Jquery

Nivo Slider es un fantástico plugin más para realizar una presentación de varias imágenes en Jquery. A diferencia de otros sliders este contiene nueve efectos de transacciones entre imágenes diferentes, además de ser altamente personalizable, como por ejemplo los efectos de transacción, navegación, eventos, etc. Nivo Slider está desarrollado por Dev7studios, un pequeño estudio situado en el norte de Escocia. Además de Nivo Slider podéis encontrar más recursos interesantes en Dev7studios como por ejemplo themes para WordPress, entre otros.

Las caracteristicas principales que hacen de Nivo Slider un gran plugin son:

  • Nueve efectos únicos entre transiciones.
  • Código limpio y simple.
  • Navegación mediante controles.
  • La versión comprimida tan solo pesa 5KB.
  • Licencia GPL.

Captura de Nivo Slider de una transacción a otra

Nivo: Slider con varias transacciones en Jquery

¿Como usar Nivo Slider para Jquery?

Como hemos comentado en una de sus características principales, el código de Nivo Slider es limpio y simple, por ello para hacerlo funcionar necesitaremos unas pocas líneas. Primero añadiremos la librería a nuestra cabecera para que ésta sea cargada.

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.js" type="text/javascript"></script>

Ahora añadiremos el HTML que corresponderá a nuestro slider. Tan sólo deberemos insertar una capa contenedora y dentro de ella todas las imágenes que tendrá nuestro slider. Si deseamos que aparezca un título en una de las imágenes lo añadiremos en el atributo “title”.

<div id="slider">
	<img src="images/slide1.jpg" alt="" />
	<img src="images/slide2.jpg" alt="" />
	<img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
	<img src="images/slide4.jpg" alt="" />
</div>

Finalmente deberemos inicializar Nivo Slider una vez completada la carga de la página, mediante el uso de $(window).load().

<script type="text/javascript">
$(window).load(function() {
	$("#slider").nivoSlider();
});
</script>

Con estas pocas líneas en nuestro código dispondremos de un elegante Slide con varias transacciones en Jquery. Nivo Slider es altamente configurable y en su método de inicialización nivoSlider() soporta múltiples opciones personalizables. Para más información visiten su Web oficial.

Fuente y Web oficial: Nivo Slider

votar

Artículos relacionados

Sobre KeLDroX

296

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en Nivo: Slider con varias transacciones en Jquery

Hasta el momento el artículo Nivo: Slider con varias transacciones en Jquery no tiene Trackbacks.

Comentarios en Nivo: Slider con varias transacciones en Jquery

1
Avatar del usuario mts

Hola, como estas?

Sabes si es posible aplicar este slider a la plantilla mandigo de wordpress ?

mts 03/08/2010 04:52:30

Escribir comentario en Nivo: Slider con varias transacciones en Jquery

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.

Sigue a rutarelativa en twitter
Editores de Ruta Relativa
Avatar del editor KeLDroX KeLDroX Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.
Avatar del editor sergiocius sergiocius Soy un desarrollador en entornos web y escritorio, entusiasta y amante de mi trabajo del que cada día espero aprender algo nuevo. Tengo una titulación de Técnico Superior en Desarrollo de Aplicaciones Informáticas y actualmente curso el primer año de Carrera Universitaria con el poco tiempo que me deja el trabajo. Fundé rutarelativa porque quiero que mi esfuerzo y tiempo invertidos en aprender y poner en práctica algo le resulte útil y fácil a otro usuario, del mismo modo que yo aprendo y ahorro tiempo con la ayuda de los demás.
Avatar del editor Victor Victor Desarrollador de aplicaciones informáticas con altos objetivos y ambiciones. Busco cada día aprender algo nuevo, ya que mi mundo se encuentra en constante actualización. Cuento con una titulación de Técnico Superior en Desarrollo de Aplicaciones Informáticas y una larga experiencia profesional.