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 .