Николай В.
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 лет назад
Круть, вмемориз, авось пригодится