11.07.2015, 04:50
|
Интересующийся
|
|
Регистрация: 09.07.2015
Сообщений: 14
|
|
Думаю, понял зачем нужны все типы анимации. Наверно по двум словам сразу - проще искать и при этом будет сразу тип анимации известен и преобразовывать в класс уже в js.
В таком случае я не удобный вид предоставил. Вот более удобный: animate + тип анимации Пусть js смотрит на один из видов, после того как найдет, он должен их переделать с
animate tada
в animated tada.
Тк если сразу написать правильно класс animated tada, то будет срабатывать анимация уже от цсс, а надо не напрямую, а только во время прокрутки.
На том сайте откуда взял анимацию цсс, говорится про обьединение js, но я пока слобоват в этом.
Последний раз редактировалось mrtdiesel, 11.07.2015 в 05:01.
|
|
11.07.2015, 05:28
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от mrtdiesel
|
Только не привязывайте поиск классов только к ссылкам. Хочется использовать анимацию не только к тегу "a", а к любым обьектам.
|
Ок
|
|
11.07.2015, 06:38
|
Профессор
|
|
Регистрация: 23.10.2010
Сообщений: 2,718
|
|
Сообщение от mrtdiesel
|
но я пока слобоват в этом
|
Слобость не порок. Любой слобый может стать сильным если захочет понять что он хочет. Тут надо знать какое слово должно быть в "ковычках"
Вы лично что хотите сделать, как это должно выглядеть в браузере, в глазах юзера?
|
|
11.07.2015, 12:49
|
Интересующийся
|
|
Регистрация: 09.07.2015
Сообщений: 14
|
|
Да, что должно быть в ковычках сделал.
Согласен про слабости и силу. Желаю вам, себе и всем глубоко понять чего мы хотим и захотеть сделать что-то стоящее
В браузере анимация в обе стороны. js скрипт что я кинул - лишь часть его, но дальше, я думаю сам смогу. Для меня главное сократить строку
<a href="#" class="toanimate" data-animation="tada">КНОПКА</a>
до вида
<a href="#" class="toanimate tada">КНОПКА</a>
и менять тип анимации уже в js или в том же хтмл (похоже так выйдет). Еще интересно, если я буду добавлять классы через пробел в хтмл, то js сможет увидеть или нужно то что в ковычках только то что будет искать js и добавив еще один класс по стилю кнопки js уже не найдет то, что должен?
|
|
11.07.2015, 15:43
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
mrtdiesel,
Ну в основном доделал, сейчас убегаю (выложу к ночи)
1. Хочется посмотреть страницу с примером анимированного контента (любой вариант анимации)
2. Анимация должна возникать сразу по загрузке элемента ? Или после загрузки всей страницы(всех элементов) ?
3. Есть такое предложение: Могу повесить выпадающее меню (<select>) с юзер-выбором типа анимации либо одновременно для всех элементов, либо при наведении на конкретный элемент - появляется менюшка выбора типа анимации именно для этого элемента( стиль менюшки Вы сможете править - поставим уникальный класс).
4. Версия jQuery ? (можно глянуть реальную страницу ?)
Последний раз редактировалось Deff, 11.07.2015 в 23:40.
|
|
11.07.2015, 22:29
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Синхронизации моих ожиданий не получилось, думал до 6 вечера MSK получить от Вас ответы и добить код... Продолжу завтра. Если сегодня будете, - отпишитесь про что сможете по сообщению №15
Последний раз редактировалось Deff, 11.07.2015 в 23:41.
|
|
11.07.2015, 23:41
|
Интересующийся
|
|
Регистрация: 09.07.2015
Сообщений: 14
|
|
1. Скинул.
2. Анимация работает во время движения вверх и вниз.
3. Не против, в таком случае можно сделать: появление при скролле вниз, в обе стороны, один раз, повторять. Но на этом я не настаиваю. Если есть желание.
4. jQuery v1.11.0 реальную страницу скинул.
|
|
13.07.2015, 21:42
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
mrtdiesel,
ГМ, открыл файл, увидел что анимация происходит при скролле,
Именно при скролле и нужна ?
Т.е. пока не очень понял когда и при каких условиях добавлять снимать класс.
Сейчас скрипт добавляет класс при скролле страницы и при появлении элемента в пределах окна просмотра контента и снимает за его пределами.
|
|
14.07.2015, 19:15
|
Интересующийся
|
|
Регистрация: 09.07.2015
Сообщений: 14
|
|
Все правильно, так и нужно. Я только хотел сократить часть кода в хтмл немного подкорректировав js. Об остальном не просил. Скрипт работает во всех браузерах и во всех разрешениях, его работой я доволен - работает отлично, не то что другие скрипты.
|
|
14.07.2015, 19:30
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
mrtdiesel,
Ок, постараюсь, что успею до завтрашнего обеда (15.07.2015) , позже сборы начнутся
|
|
|
|