2

カルーセル効果は機能していますが、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デモ（/show/編集ページにアクセスするには、URLから削除してください）。

4

1 に答える 1

2

これは、パララックス カルーセル バナーを使用したオンライン チュートリアルとライブ デモです。

CSS3 と jQuery を使用した視差コンテンツ スライダー

上記の例は、インターネット上で見つけられる多くの例の 1 つであることに注意してください。これはCSS3最新のブラウザーで使用されているためです。

DEMOへの直接リンク。

于 2012-12-23T05:16:17.213 に答える