В PHP забанили. К сожалению помимо этого еще разбираться с открытием файлов, и заменой и синтаксисом php. Если вы есть на фрилансе, то я бы эту реализацию заказал.
В присланном вам код вместо
// animation function - вставляете код js, который делаем анимацию
а вместо '_selector_to_element' - css селектор элемента который анимируется
Тут простая математика:
$animationBlock.offset().top - расстояние от вашего элемента до верха экрана
$window.scrollTop() - проскроленное пользователем расстояние.
Когда первое больше второго элемент начинает показываться.
Спасибо за ответ. Он подошел. Я просто уже начал думать что с зеркала редирект не сделать, потому что подобное пробовал. Но сейчас протестил в другом браузере - все хорошо. Проблема была в кеше Google Chrome.
Хотя тоже странно, перед каждой проверкой его чистил
topdetal: В сафари 2 проблемы:
1) та же со временем окончания анимации
2) Высплывающее окно по началу находится за иконками. Поставьте ему Z-index на максимум
topdetal: Про мобильную оперу: Этот мобильный браузер позиционирует себя, как браузер для очень медленного интернета. Там почти никакой Js не работает. Поэтому там ничего не сделать.
По сафари не скажу, т.к. мак сейчас занят, а потом разбираться будет лень =)
По Хрому: У Вас при открытии всплывающего окна включается функция, которая отменяет обычное поведение кнопок и добавляет этому всплывающему окну .random-r-page openpage, а при закрытии этого окна добавляет еще один класс .slidePageLeft . Причем окно закрывается быстрее, чем все эти классы удаляются. Почему получается через раз: Вы закрыли окно, анимация отработала, а классы у элемента еще не удалились, соответственно пытаетесь открыть окно - а класс openpage там же есть, соответсвтенно ничего не открывается.
Соответственно либо приравняйте время удаления классов ко времени закрытия окна, либо читайте про очереди.
Роман Родионов: Небольшие изменения сделал, теперь работает: codepen.io/anon/pen/OMPrNe но там еще есть ряд проблем.
Если интересно что не так, то:
Во-первых я сам далеко не профессионал в Js, поэтому сам учусь разбирая чужой код и мои советы никак не претендуют на истину.
По сабжу: У Вас в карусели проблемы с логикой и версткой. Т.е. Вы сразу попытались сделать ее сложной, сразу начали использовать еще плохо работающие единицы измерения VW, сразу написали свою анимацию и т.д.
Когда я писал карусели, то шел от простого к сложному. Сначала сделайте чтобы картинки просто сменяли друг-дурга с display: none/ block. На данный момент у Вас с этим проблема в верстке карусели
Потом напишите функцию, которая добавляет простую анимацию: либо чтобы картинка уезжала, либо просто с opacity, а потом уже ее можно переписать под любую другую анимацию. Т.к. тут у Вас тоже косяк - способ смены изображений был совсем дикий =) Картинки уезжают в бок, там появляются и снова выезжают.
Вот тут наглядный пример: css.yoksel.ru/css-animation-algorithms
egorov-trade: изменение способа растягивания вылечит.
На самом деле я когда тестировал, то грешил именно на background-size:cover; Т.к. убирая его все работало. Поэтому сейчас тут оду вещь доделаю и буду тестировать ваш пример =)
теперь правда выдает ошибку, что не может найти index.html "The requested resource / was not found on this server."