javascript - ピクセル化 js の問題を閉じる

Question

サイトのサムネイル画像をピクセル化するために、David Desandro の js プラグイン Close Pixelate を使用しています。

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

同じ名前の複数のセレクターをターゲットにする必要があるため、getElementById メソッドは役に立ちませんか?

Answer 1

ライブラリを使用している場合は、これよりも簡単なはずですが、javascript だけで行うこともできます。

ピュア Javascript

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