hasAttribute -VS- getAttribute

Тут есть решённая задача - http://plnkr.co/edit/FaKoF0M4QQB1OSdtpClb?p=preview

Суть в том, чтобы сделать предзагрузку картинок по мере прокрутки страницы.

Функцию showVisible - сделал слегка по-своему:

function showVisible() {
  var imgs = document.getElementsByTagName("img");
  for (var i = 0; i < imgs.length; i++) {

    if (isVisible(imgs[i]) && imgs[i].hasAttribute("realsrc")) {   // <--
      imgs[i].src = imgs[i].getAttribute("realsrc");
      imgs[i].setAttribute("realsrc", "");
    }
  }
}

Проблема возникает в проверке:

 if (isVisible(imgs[i]) && imgs[i].hasAttribute("realsrc"))

а именно в методе hasAttribute - из-за него крашатся все картинки оказавшиеся в поле видимости. Проблему решает замена hasAttribute на getAttribute. Так и хочется сказать ё**ный кот, да как так то? Кто-то может объяснить почему возникает подобная дичь?