0

次のスライドショーはうまく機能しますが、各 img タグに data-attribute を追加することで、各画像の背景と一致するように本文の背景色を変更したいと考えています。

どうすればこれを達成できますか？

http://jsfiddle.net/L62Ja/12/

            $next.css({opacity: 0.0})
                .addClass('active')
                .animate({opacity: 1.0}, 1000, function() {
                                    // data attribute to change the body bg color
                    $active.removeClass('active last-active');
                });
4

1 に答える 1

0

JSfiddle がエラーをスローしているため、これを正確に特定するのは困難です。うまくいけば、これであなたの道が開けます。

$next スライドを計算した後、次のようにそのスライドのデータ属性を取得する必要があります。

var $bgcolor = $($next).data("color");

次に、次のように、アニメーションの完了時にそれを CSS 要素として body に適用する必要があります。

$("body").addClass($bgcolor);

jsfiddle が機能するようになれば、さらに作業を進めることができますが、これで少なくとも問題は解決するはずです。

于 2013-06-21T14:42:21.250 に答える