Если присмотреться внимательно, в скрипте есть строчка
this.src = $this.data('src-mobile')
а в картинке отсутствует data-src-mobile .
Скрипт при расширении 767px и меньше не находит data-src-mobile в картинке и в src прописывает src="undefined" .
Конечно можно дописать так :
if ( !this.getAttribute('src') ) {
$this.attr('src', $this.data('src-768'));
}
, но это будет относиться только к указаному расширению и меньше, а мне нужно чтобы оно само подставляло имеющиеся data-src (которые находятся в картинке ) в src при отсутствии любого расщирения из data-src в картинке.
Вот ссылка на пример:
http://imgchange.webisy.net/ , там я убрал data-src-1152 в картинке.
Как можно увидеть при расширении 1152 и до 1025 видно только alt и src="undefined".
А "ближайшее подкодящее значение" относится к существующим в функции подставления data-src исходя из расширения.