Показать сообщение отдельно
  #1 (permalink)  
Старый 04.07.2014, 14:03
Аспирант
Отправить личное сообщение для alko Посмотреть профиль Найти все сообщения от alko
 
Регистрация: 04.07.2014
Сообщений: 33

2d карусель, работает, но уверен - неоптимально.
Недавно начал изучать js. Сталкивался с различными каруселями, путался в коде, когда хотел переделать под свои нужды. Пришел к тому, что на jquery быстрей свою состряпать. Но захотелось изучить как же это делается без сторонних фреймворков и плагинов. Почитал статью JS-Анимация (http://learn.javascript.ru/js-animation) и воспользовавшись предоставленным кодом, написал вот такую карусельку http://learn.javascript.ru/play/wnCIjb . Знаю, что сделал неоптимально и неуниверсально. Еще и запутался, когда оптимизировал, приделал кучу ненужных переменных, часть уже убрал. Буду рад, если наставите на путь истинный)) . Сейчас изучаю js дальше, хочу сделать, чтобы эта карусель анимировалась по нажатию и движению мышью. На эту тему лучше не подсказывайте, сделаю, дам ссылку и выслушаю критику.
Даю ссылку http://learn.javascript.ru/play/sKS3nc . Сделал, работает местами корявенько.

На данный момент сделал так http://learn.javascript.ru/play/orjntb . Можно задавать количество картинок по горизонтали и вертикали, но в IE не работает автоматическое добавление недостающих картинок.

Теперь и в ie работает. http://learn.javascript.ru/play/MWYWTb
Добавил комментарии, старался поподробней (может кому приготится). http://learn.javascript.ru/play/nKxGNb

Последний раз редактировалось alko, 22.07.2014 в 13:06. Причина: доделал
Ответить с цитированием