将Parallax效果添加到Carousel Banner，以便图像和文本以不同的速度移动

Question

我有旋转木马效果，但我不知道如何使文本和图像以不同的速度移动，如IBM横幅所示：

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

这是我的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();
    });
};

jsFiddle Demo（从网址中删除/show/以访问编辑页面。）

Answer 1

这是一个在线教程和现场演示，其中包含 Parallax Carousel Banner 。

Parallax Content Slider with CSS3 and jQuery

请注意，上面的示例是您在互联网上找到的众多示例之一，因为此示例使用CSS3用于现代浏览器。

指向DEMO的直接链接。