Agregue el efecto Parallax al Carousel Banner para que las imágenes y el texto se muevan a diferentes velocidades

Tengo el efecto carrusel en funcionamiento, pero no sé cómo hacer que el texto y las imágenes se muevan a diferentes velocidades, como se muestra en este banner para IBM:

http://www.ibm.com/us/en/

Aquí está mi jQuery:

$.fn.zinCarousel = function(settings) { var settings = $.extend({}, $.fn.zinCarousel.defaultSettings, settings || {}); return this.each(function() { var o = $.extend(true, {}, settings), $elem = $(this), caro = new Carousel(o, $elem); caro.init(); }); }; 

Demostración de jsFiddle (Eliminar /show/ de la URL para acceder a la página de edición).

Aquí hay un tutorial en línea y una demostración en vivo con un Parallax Carousel Banner .

Parallax Content Slider con CSS3 y jQuery

Tenga en cuenta que el ejemplo anterior es uno de los muchos que encontrará en Internet, ya que este utiliza CSS3 para los navegadores modernos.

Enlace directo a DEMO .

Intereting Posts