jquery - 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 工作，我可以做更多的工作，但这至少应该让你走上自己的路。