Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.07.2015, 04:50
Интересующийся
Отправить личное сообщение для mrtdiesel Посмотреть профиль Найти все сообщения от mrtdiesel
 
Регистрация: 09.07.2015
Сообщений: 14

Думаю, понял зачем нужны все типы анимации. Наверно по двум словам сразу - проще искать и при этом будет сразу тип анимации известен и преобразовывать в класс уже в js.
В таком случае я не удобный вид предоставил. Вот более удобный: animate + тип анимации Пусть js смотрит на один из видов, после того как найдет, он должен их переделать с
animate tada
в animated tada.
Тк если сразу написать правильно класс animated tada, то будет срабатывать анимация уже от цсс, а надо не напрямую, а только во время прокрутки.
На том сайте откуда взял анимацию цсс, говорится про обьединение js, но я пока слобоват в этом.

Последний раз редактировалось mrtdiesel, 11.07.2015 в 05:01.
Ответить с цитированием
  #12 (permalink)  
Старый 11.07.2015, 05:28
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от mrtdiesel
Только не привязывайте поиск классов только к ссылкам. Хочется использовать анимацию не только к тегу "a", а к любым обьектам.
Ок
Ответить с цитированием
  #13 (permalink)  
Старый 11.07.2015, 06:38
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от mrtdiesel
но я пока слобоват в этом
Слобость не порок. Любой слобый может стать сильным если захочет понять что он хочет. Тут надо знать какое слово должно быть в "ковычках"

Вы лично что хотите сделать, как это должно выглядеть в браузере, в глазах юзера?
Ответить с цитированием
  #14 (permalink)  
Старый 11.07.2015, 12:49
Интересующийся
Отправить личное сообщение для mrtdiesel Посмотреть профиль Найти все сообщения от mrtdiesel
 
Регистрация: 09.07.2015
Сообщений: 14

Да, что должно быть в ковычках сделал.
Согласен про слабости и силу. Желаю вам, себе и всем глубоко понять чего мы хотим и захотеть сделать что-то стоящее
В браузере анимация в обе стороны. js скрипт что я кинул - лишь часть его, но дальше, я думаю сам смогу. Для меня главное сократить строку
<a href="#" class="toanimate" data-animation="tada">КНОПКА</a>
до вида
<a href="#" class="toanimate tada">КНОПКА</a>
и менять тип анимации уже в js или в том же хтмл (похоже так выйдет). Еще интересно, если я буду добавлять классы через пробел в хтмл, то js сможет увидеть или нужно то что в ковычках только то что будет искать js и добавив еще один класс по стилю кнопки js уже не найдет то, что должен?
Ответить с цитированием
  #15 (permalink)  
Старый 11.07.2015, 15:43
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mrtdiesel,
Ну в основном доделал, сейчас убегаю (выложу к ночи)
1. Хочется посмотреть страницу с примером анимированного контента (любой вариант анимации)
2. Анимация должна возникать сразу по загрузке элемента ? Или после загрузки всей страницы(всех элементов) ?
3. Есть такое предложение: Могу повесить выпадающее меню (<select>) с юзер-выбором типа анимации либо одновременно для всех элементов, либо при наведении на конкретный элемент - появляется менюшка выбора типа анимации именно для этого элемента( стиль менюшки Вы сможете править - поставим уникальный класс).
4. Версия jQuery ? (можно глянуть реальную страницу ?)

Последний раз редактировалось Deff, 11.07.2015 в 23:40.
Ответить с цитированием
  #16 (permalink)  
Старый 11.07.2015, 22:29
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Синхронизации моих ожиданий не получилось, думал до 6 вечера MSK получить от Вас ответы и добить код... Продолжу завтра. Если сегодня будете, - отпишитесь про что сможете по сообщению №15

Последний раз редактировалось Deff, 11.07.2015 в 23:41.
Ответить с цитированием
  #17 (permalink)  
Старый 11.07.2015, 23:41
Интересующийся
Отправить личное сообщение для mrtdiesel Посмотреть профиль Найти все сообщения от mrtdiesel
 
Регистрация: 09.07.2015
Сообщений: 14

1. Скинул.
2. Анимация работает во время движения вверх и вниз.
3. Не против, в таком случае можно сделать: появление при скролле вниз, в обе стороны, один раз, повторять. Но на этом я не настаиваю. Если есть желание.
4. jQuery v1.11.0 реальную страницу скинул.
Ответить с цитированием
  #18 (permalink)  
Старый 13.07.2015, 21:42
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mrtdiesel,
ГМ, открыл файл, увидел что анимация происходит при скролле,
Именно при скролле и нужна ?
Т.е. пока не очень понял когда и при каких условиях добавлять снимать класс.

Сейчас скрипт добавляет класс при скролле страницы и при появлении элемента в пределах окна просмотра контента и снимает за его пределами.
Ответить с цитированием
  #19 (permalink)  
Старый 14.07.2015, 19:15
Интересующийся
Отправить личное сообщение для mrtdiesel Посмотреть профиль Найти все сообщения от mrtdiesel
 
Регистрация: 09.07.2015
Сообщений: 14

Все правильно, так и нужно. Я только хотел сократить часть кода в хтмл немного подкорректировав js. Об остальном не просил. Скрипт работает во всех браузерах и во всех разрешениях, его работой я доволен - работает отлично, не то что другие скрипты.
Ответить с цитированием
  #20 (permalink)  
Старый 14.07.2015, 19:30
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mrtdiesel,
Ок, постараюсь, что успею до завтрашнего обеда (15.07.2015) , позже сборы начнутся
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS игнорит html тэги id и class rom (X)HTML/CSS 0 10.06.2015 18:12
изменение файла css с помощью js Chimmi Общие вопросы Javascript 3 28.05.2015 11:09
JS AJAX Как получить html страницы "глазами" другого пользователя kolyanok AJAX и COMET 11 18.05.2013 23:00
Html метки + div + JS boltayka Events/DOM/Window 1 07.09.2009 17:21
CSS Class & JS keysi_ Общие вопросы Javascript 10 29.04.2009 18:37