Что-то мне кажется, что эту задачу с полноценным прелоадером можно решить только так:
Создаете рекурсивную функцию которая будет проверять наличие незагруженных картинок (src не указывать изначально, а хранить путь в data-src)
Перед первым запуском определяете общее кол-во рисунков для загрузки и это будет тотал вашего прелоадера.
Ну и при загрузке рисунка (выполнении функции), делаете +1 к тоталу и вызываете ее для следующего рисунка...
------
Что-то я такое наворотил....)))) Наверно есть что-то и попроще)
загрузка на 100% не нужна, пользователи спасибо не скажут. трафика много
тут проблема либо в плеере, либо http сервере который не умеет до отдавать нужное кол-во при прокрутке файла.
ищи по запросу nginx mp4 перемотка.
В разных доменных зонах разные ограничения. Доменные имена в зоне gr должны состоять минимум из 3 и максимум из 60 символов. По крайней мере в этом уверяет один из регистраторов. На сайте главной координирующей организации зоны GR написано, что могут быть двухсимвольные. Но это информация 2015 года.
Может быть и субъектное ограничение, типа двухсимвольные только членам профсоюза.
Анимацией должен заниматься дизайнер, чтобы передать свои идеи разработчику. На пальцах объяснить очень сложно. А так дизайнер берёт тот же Principle и передаёт свои идеи в виде готовой анимации разработчику.
Если речь идёт о мобильной версии, в ней как минимум должно быть всё для этого подготовлено. То, что браузер виляет масштабом как хочет, гововорит как минимум об отсутствии этой строки:
Тут можно сделать по разному. Например :
1) У каждой кнопки с размером есть свой уникальный data атрибут (ex. data-size="m" , data-size="l" etc.)
У всех этих кнопок какой-то одинаковый класс, допустим "swatch". При нажатии на эту кнопку вы получаете через jQuery значение этого data атрибута $('.swatch').data('size');
И далее проверяете в какое значение вы получили и на обыном css меняете высоту и ширину или просто знаение zoom
Второй вариант более правильный, но здесь уже нужна привязка к backend.
Те же кнопки, но при нажатии вы отпревляете ajax запрос и получаете нужное изображение или фото с новым размером.
Или храните картинки в data атрибутах и при нажатии получаете изображение которое задано в data и применяете к оснвному изображению