Как правильно подменить изображение через дата-атрибут?

Question

[olya_097]

https://jsfiddle.net/01jeLwgc/

Answer 1

[Somewhere Intech]

$(window).resize(function() {
     if ($(window).width() <= 560) {
       $('.picture').css('background-image', 'url(' + $('.picture').data('bg-xs') + ')');
     }
     console.log($('.picture').data('bg-xs'));
   });

Comments

[olya_097]

Johnny Lowhunter, спасибо
суть понятна
но
а почему тогда тут не совсем корректно работает(тоесть переход происходит не при 561
а где то при 580)?
https://jsfiddle.net/dbqpxh3e/1/

[Somewhere Intech]

olya_097, не могу сказать.. но, могу с уверенностью сказать что в этом случае лучшее решение это https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

[olya_097]

Johnny Lowhunter, а
извините
то но на фидле так
а на реальном сайте все ок

спасибо огромное Вам!!))