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

此不做轉換，而是取決於你想要什麼樣的過渡做（交叉淡入/等）。