hujak_hujak,
скопируйте код, для этого есть кнопка справа от кода и проверьте у себя

ТС, ты какой-то фигней занимаешься. У тебя 100% в стилях, а в скрипте ты получишь .offsetWidth в пикселях. Вот и двигай на это ширину свой left.

Да и никакого офсета не нужно, так прям по 100% и двигай влево. Вот проверь на разных размерах фрейма (или окна)

https://jsfiddle.net/fr50zxez/26/

Последний элемент в хтмле - это самый верхний в стопке при абсолютном позиционировании. То есть у тебя стек перевернут сейчас. https://jsfiddle.net/fr50zxez/27/

Спасибо большое за помощь, сам бы ни за что не додумался до примеров, которые выше. НО, у меня цель другая, мне нужно решить задачу именно с методом resize, который в первых моих сообщениях, или вот https://jsfiddle.net/fr50zxez/28/ .
Я хочу решить эту задачу именно средствами JS, без CSS, как в ваших примерах выше, чтобы лефт зависел от ширины экрана, то есть если если экран увеличился на 100px, то и картинки "за окном браузера" отодвигаются влево на 100, а активная картинка остается на весь экран.
Я, конечно, понимаю что это не разумно и требует НА МНОГО больше ресурсов, но сразу скажу:
1. Сама цель этого поста была в просьбе помощи, решения именно resize. А не создания работающей карусели.
2. Мне нужно это решение для приложения, с "нестандартной" картинкой, которое меняет top и left, в зависимости от размера экрана. Картинка будет сначала уменьшаться , при уменьшении экрана, а затем снова уменьшаться, при увеличении.
Пока попробую через offset, до него я почему то не допер. Спасибо всем, а warren buffet, особенно.

Вообще у тебя необычная карусель и вообще не карусель. Карусель - это набитые в ряд или стопкой кадры в один длинннный элемент, который просто проезжает мимо кадрового окна. И тогда при изменении размеров экрана меняется размер этого окна и размер всех кадров соответственно и все продолжает проезжать четкачем.

top и left на размер картинки не влияют. Ладно, продолжай изобретать треугольное колесо. )))