javascript - 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が不足していると思います

 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>

これがお役に立てば幸いです:)