닫기 pixelate js issue

Question

David Desandro의 js 플러그인을 사용하여 사이트의 미리보기 이미지를 픽셀 화합니다.

function init() { 
     document.getElementById('work-thumb-1').closePixelate([ 
      { resolution: 10 } 
    ]); 
    }; 
    window.addEventListener('load', init, false); 

동일한 이름의 여러 선택기를 대상으로해야 getElementById 메소드가 좋지 않습니다.

Answer 1

이 더 간단해야하지만, 당신은 또한 단지 자바 스크립트에 의해 그것을 할 수있는 것보다 라이브러리를 사용하는 경우,

순수 자바 스크립트

function init() { 
    var elems = document.getElementsByName('nameofelements'); 
    for (var i = 0; i < elems.length; i++) { 
     elems[i].closePixelate([ 
      {resolution: 10} 
     ]); 
    } 
}; 
window.addEventListener('load', init, false); 

jQuery를

function init() { 
    $('[name="nameofelements"]').each(function() { 
     $(this).closePixelate([ 
      {resolution: 10} 
     ]); 
    }); 

}; 
window.addEventListener('load', init, false);