jquery 数组图像淡入淡出背景

Question

我需要在 jquery 中创建一个图像转换/推子，同时改变父容器的背景颜色...

我需要能够传递一个 2-dim 数组，其中包含一组图像和匹配的背景颜色。

<div id="parent">

    <div id="some_div">with some information (should not be changed)</div>
    <div id="image_holder">this image has to be replaced</div>

</div>

Answer 1

也许我不明白你的问题。这很简单：

var imgs = [{url:'foo.jpg', bg:'#f00'}, {url:'bar.jpg', bg:'#00f'}];

function changeImage(idx)
{
    $('#image_holder').attr('href', imgs[idx].url);
    $('#parent').css({backgroundColor:imgs[idx].bg});
}
changeImage(1);

这不做转换，但这取决于你想要做什么样的转换（交叉淡入淡出/等）。