jQuery幻灯片定制

Question

以下幻灯片效果很好，但是我在每个img标签上添加了一个数据属性，我想更改主体的背景颜色以匹配每个图像的背景。

我怎样才能做到这一点？

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');
                });

Answer 1

你的JSfiddle引发了一个错误，因此很难确切地指出这一点。希望这能让你顺利上路。

在计算$ next幻灯片后，它必须抓住幻灯片的数据属性，如下所示：

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

然后它必须在动画完成时将其作为CSS元素应用于主体，如下所示：

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

如果你的jsfiddle工作，我可以更多地工作，但这至少应该让你在路上。