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