jquery的阵列图像褪色背景

Question

我需要创建在其中的jquery同时改变父容器的背景颜色的图像过渡/推子...

我需要能够通过含有2维数组上设置图像和匹配的背景颜色。

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

此不做转换，而是取决于你想要什么样的过渡做（交叉淡入/等）。