Николай В.
4 повідомлення
#14 років тому
Вопрос к опытным товарищам: можно ли сделать для сайта в виде книги анимацию перехода по страницам в виде переворачивающихся страниц без использования флеша или с его минимальными использованием?
Вот пример эффекта:

Речь о том, чтобы создать красивую страницу с анимацией переходов скриптами для полноценного отображения страницы у пользователей без флеша и индексации поисковиками.
Виталий О.
403 повідомлення
#14 років тому
Jquery, ajax и обычная gif-анимация.
Вот только это будет такое решение, что лучше уже на флеше
Николай В.
4 повідомлення
#14 років тому
А может можно сделать статичную страницу, а анимацию запускать на флеше только при клике на кнопки перехода по страницам?
Чтобы не весь сайт был на флеше, а только анимация страниц, запускающаяся по необходимости?
Юрий Степанец
96 повідомлень
#14 років тому
Когда-то натыкался на "листалку" на HTML5 canvas

Демо:

Но проект, похоже, недоработан пока. По крайней мере, некоторые ошибки, которые указывались в обсуждении, в демо-версии не исправлены.

По тому примеру, который привели Вы (при "переворачивании" текст плавно исчезает, потом пустая страница переворачивается, потом появляется текст следующей страницы):
можно сделать такую анимацию связкой JavaScript (JQuery) + (Flash или GIF) + (при необходимости) Ajax.

П. С. Примерный алгоритм:
1) Загружается страница
2) После полной загрузки скрипт через Ajax подгружает контент и плавно его "проявляет"
3) При клике на следующую (предыдущую) страницу текущая исчезает.
4) Запускается анимация Flash или GIF.
5) после завершения анимации загружаем следующую страницу или следующий "кусок" контента
Николай Г.
601 повідомлення
#14 років тому
В том виде, в котором он представлен в том примере(тоесть - в момент перелистывания текст со страниц пропадает, перелистываются пустые страницы, а потом новый текст появляется) это намного проще сделать яваскриптом(при необходимости ajax) + GIF, весить будет существенно меньше, да и флэш плеер не понадобится(хотя что, еще есть люди, у которых он не стоит??).
Сергеевич А.
791 повідомлення
#14 років тому
Хороший пример:
Антон В.
1807 повідомлень
#14 років тому
h4mpy, блин, а как это оно реализовано?.. Офигенно.
Роман В.
99 повідомлень
#14 років тому
На аймобилке чистый JS. Даже интересно стало . попробовал на скорую руку, жмем ссылочку Go:


Хотя я не прав, там используется "webkit-transform".
Роман В.
99 повідомлень
#14 років тому
З.Ы. Работает только при первом нажатии, дальше ловит глюки)
Антон В.
1807 повідомлень
#14 років тому
Круть, вмемориз, авось пригодится