Jquery Cycle和Pixastic快速模糊

Question

我想循环我的图像和模糊背景图像，但问题是它只模糊了第一个图像，而不是下一个图像。

<div id="banner_images">   
    <div id="banner_cycle_wrapper"> 
     <div id="banner_bg_cycle"> 
      <img src="source.png" class="blur"> 
     </div> 
     <div id="banner_cycle_container"> 
      <img src="source.png"> 
     </div> 
    </div> 
    <div id="banner_cycle_wrapper" > 
     <div id="banner_bg_cycle"> 
      <img alt="" src="source.png" class="blur"> 
     </div> 
     <div id="banner_cycle_container"> 
      <img src="source.png"> 
     </div> 
    </div> 
</div> 

$('#banner_images').cycle({ 
    fx: 'fade', 
    timeout: 2000 
}); 

$(".blur").pixastic("blurfast", {amount:0.5}); 

Answer 1

我认为你缺少类在

class="blur" 

这应该被添加到您想要的效果相同的每个图像添加。

更新的代码：

<div id="banner_images"> 
    <div id="banner_cycle_wrapper"> 
     <div id="banner_bg_cycle"> 
     <img alt="" src="source.png"/> 
     </div> 
     <div id="banner_cycle_container"> 
     <img alt="" src="img1.png" class="blur" /> 
     <img alt="" src="img2.png" class="blur" /> 
     </div> 
    </div> 
</div> 

我希望这将有助于:)