Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 15.08.2016, 18:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

hujak_hujak,
скопируйте код, для этого есть кнопка справа от кода и проверьте у себя
Ответить с цитированием
  #12 (permalink)  
Старый 15.08.2016, 20:49
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

ТС, ты какой-то фигней занимаешься. У тебя 100% в стилях, а в скрипте ты получишь .offsetWidth в пикселях. Вот и двигай на это ширину свой left.
Ответить с цитированием
  #13 (permalink)  
Старый 15.08.2016, 21:11
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

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

https://jsfiddle.net/fr50zxez/26/
Ответить с цитированием
  #14 (permalink)  
Старый 15.08.2016, 21:26
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Последний элемент в хтмле - это самый верхний в стопке при абсолютном позиционировании. То есть у тебя стек перевернут сейчас. https://jsfiddle.net/fr50zxez/27/
Ответить с цитированием
  #15 (permalink)  
Старый 16.08.2016, 10:43
Интересующийся
Отправить личное сообщение для hujak_hujak Посмотреть профиль Найти все сообщения от hujak_hujak
 
Регистрация: 05.07.2016
Сообщений: 15

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

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
не работает код! студентка мучается уже два дня! помогите! vesnushka163 Элементы интерфейса 18 04.04.2014 12:12
Ajax форма (ПОМОГИТЕ, ЗАМУЧИЛСЯ уже) Synov_son AJAX и COMET 3 04.08.2013 12:20
В IE8 не работает страничка, уже третий день в ступоре yura415 Internet Explorer 1 16.07.2012 17:49
помогите уже месяц не могу понять как это сделать... CTEPEOTUn Общие вопросы Javascript 5 13.04.2011 00:21
Отправка через $.post - уже 2-й день мучаюсь! Alexander666 jQuery 4 20.02.2009 16:18