Ошибка при обработке коллекции элементов. Как исправить?

Question

[dm]

Пытаюсь сделать портфолио с сеткой превьюшками, в которых при наведении мыши просматривается скриншот вёрстки.

Пример на странице (1-й блок) - del

JS для одного превью работает как нужно

window.onload = addIndentPreview;
window.onresize = addIndentPreview;

var projectWrapper = document.querySelector(".js-preview-wrapper"),
    projectImg = document.querySelector(".js-preview-img"),
    wrapperHeight, imgHeight, imgMargin,
    i;

 function addIndentPreview() {
     wrapperHeight = projectWrapper.clientHeight;
     imgHeight = projectImg.clientHeight;
     imgMargin = -(imgHeight - wrapperHeight) + "px";

     projectWrapper.onmouseover = function () {
        projectImg.style.marginTop = imgMargin;
     };
     projectWrapper.onmouseout = function () {
        projectImg.style.marginTop = 0 + "px";
    };
 };

Дальше пытаюсь сделать рабочими все превьюшки, для этого добавляю цикл for в функцию. Но ничего не работает совсем и в консоли браузера появляется ошибка Uncaught TypeError: Cannot read property 'style' of undefined

Закинул код в jsfiddle - https://jsfiddle.net/venczc49
И на странице - del

В чём ошибка, что нужно поправить?

Answer 1

[DTX]

projectImg.length > 0
=>
i < projectImg.length
https://jsfiddle.net/venczc49/1/

Comments

[dm]

Да, в этом косяк, но работает всё равно неправлиьно. При наведении на 1-ю крутиться 3-я. Поможешь с этим? Что-то с циклом наверное кривовато

[DTX]

dm: держи.
https://jsfiddle.net/venczc49/5/

[dm]

DTX: спасибо, ты крут

[DTX]

dm: да фигня вопрос. пару минут в отладчике хрома поковырялся..
Вот вариант вообще без js :)
https://jsfiddle.net/venczc49/7/

[dm]

DTX: Не. У меня размеры изображений разные будут и я js'ом высчитываю высоту, чтобы картинка ровно поднималась, без дырок внизу

[DTX]

dm: Так я специально туда картинки разной высоты добавил)
При наведении нижняя границы картинки выравнивается по нижней стороне контейнера. Т.е. происходит ровно то, что было в js-коде

[dm]

DTX: хм. и правда