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" 

에 추가 CLASS 누락 생각합니다.

업데이트 코드 :

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

나는이 :)