Переход между двумя html-страницами

Я нашел отличные переходы страниц:

http://tympanus.net/Development/PageTransitions/

Я знаю, что эти переходы могут быть глупыми для работы в Интернете, но я думаю, что они действительно могут улучшить мобильную версию. Итак, я делаю адаптивную личную веб-страницу и хочу добавить некоторые переходы, подобные этим, в свой мобильный опыт.

Скачала файлы и увидела, что переходы возможны только между слоями, так на том же html файле. Но я хочу сделать эти переходы между HTML-страницами, например, в моем портфолио у меня есть страница портфолио и пара подстраниц с работами.

Если есть лучшее или более простое решение с jQuery или чем-то еще, пожалуйста, посоветуйте, я буду признателен за каждый комментарий.

Спасибо!


web portfolio transitions
person DeanDeey    schedule 27.05.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Такие эффекты перехода, которые используют javascript (обычно jQuery), требуют, чтобы информация была в том же HTML, так как она будет загружена только один раз.

Это не значит, что вы не можете этого сделать, просто проще и быстрее, когда все на одной странице. В любом случае, зачем вам хранить отдельные файлы? Если для этого нет необходимости (требования к серверу, страницы фактически находятся в разных местах), вы получите больше, если будете хранить все в одном файле.

Вам просто нужно организовать свой код достаточно хорошо, чтобы он не запутался.

Для того, что вам нужно, я думаю, вы, вероятно, найдете гораздо более полезным эффект Параллакс. Вы можете увидеть множество примеров в этой статье< /а>.

person Yisela    schedule 27.05.2013
comment
Спасибо за ответ! Я даже не думал, что весь контент будет на одной странице. Я просто кодировал сайт, как обычно, на отдельных HTML-страницах. Да, я знаю, код должен быть организован, вот в чем дело. Спасибо за ссылку, я попытаюсь разместить все на одном сайте, посмотрим, что получится: D - person DeanDeey; 27.05.2013
comment
я думаю, что мне все еще нужно будет сделать это с отдельными HTML-страницами. Дело в том, что это было бы слишком. У меня есть 6 подстраниц и 20 подстраниц в портфолио. Это означает, что код в одном файле HTML будет содержать более 10 000 строк... - person DeanDeey; 27.05.2013