Выкидывайте смело data-pos. А лучше замените его значения на 1-4. Вы можете записать в переменную position = list.offsetWidth - это будет ширина одного вашего слайда (
Подробнее). Вот вам и магия. Например, по клике на 3-ю кнопку считывается всё так же data-pos = 3 уменьшается на 1 (не объясняю это, пробуйте, поймёте) и умножается на position . Таким образом JS-у теперь пофиг, какой ширины ваши слайды (главное, чтоб одинаковой) и заменить картинку не проблема.
Вставляете её ведь фоном? Медиа запрос и в фоне прописываете картинку поменьше. Или с размерами и zoom играйтесь, короче, как угодно )