Мучаюсь, да не намучаюсь....
Имеется картинка
<img data-src-1280="./1280/img.JPG" data-src-1024="./768/img.JPG" data-src-1152="./1152/img.JPG" data-src-768="./mobile/img.JPG" src="" alt="A">
и имеется скрипт к таким вот подобным картинкам
$('img[src=""]').each(function() {
var winIner = $(window).innerWidth();
var $this = $(this);
if (winIner > 1280) {
this.src = $(this).data('src-1280');
}
else if (winIner >= 1152 ) {
this.src = $this.data('src-1024');
}
else if (winIner >= 1024 ) {
this.src = $this.data('src-1152');
}
else if (winIner >= 768 ) {
this.src = $this.data('src-768');
}
else if (winIner <= 767) {
this.src = $this.data('src-mobile');
}
if ( !this.getAttribute('src') ) {
...........
}
});
Вопрос в следующем: там где точки в скрипте, нужно дописать так, чтобы при отсутствие data-src, которое проверяется скриптом, в картинке вставлялось ближайшое подходящее значение из скрипта, которое подходит по разрешению. Строго не судето, только учусь. За помощь буду благодарен...