Как сделать переход между страницами с эффектом?

 
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
При клике на пункт меню, контент текущей страницы уезжает влево или вправо, а справа или слева выезжает контент выбранной в меню страницы.

как такое можно реализовать?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1545
Поместить страницу в слайдер, например. smile
Реклама
cms
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
вот нашел интересный вариант https://tympanus.net/Development/PageTransitions/ но не пойму какой код и куда дернуть
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатий
Сообщений: 513
yury, Не получится. В Вашем примере url страницы не изменяется. Это то же что и слайдер, а не смена страниц.
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
Есть множество других сайтов, где реализовано со сменой ссылки
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатий
Сообщений: 513
yury:
но не пойму какой код и куда дернуть
Dost:
yury, Не получится.
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
ну или хотя бы так http://zilart.ru/ ) как сделать такой эффект при переходах на страницы.
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
Dost:
ry, Не получится. В Вашем примере url страницы не изменяется. Это то же что и слайдер, а не смена страниц.
вот пример со сменой урл https://codyhouse.co/demo/animated-page-transition-2/services.html
Посетитель
small user social cms
Сообщений: 31
yury:

как такое можно реализовать?

Вот Вам пример http://codepen.io/suez/pen/pvPVpj
http://codepen.io/theller5567/pen/yJdapd
И еще несколько:
http://codepen.io/search/pens/?q=Page%20Transitions&limit=all&order=popularity&depth=everything&show_forks=false
Редактировалось: 1 раз (Последний: 6 мая 2017 в 15:44)
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
@spartak:

я же уже выше привел пример, но не пойму как его прикрутить.
Посетитель
small user social cms
Сообщений: 31
yury:

я же уже выше привел пример, но не пойму как его прикрутить.
Это уже другой вопрос. Там весь код есть и стили и js.
Посетитель
small user social cms
Сообщений: 31
yury:

но не пойму как его прикрутить.
Вот еще на тостере можете посмотреть ответ на Ваш вопрос
https://toster.ru/q/414141
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
@spartak:

yury:

но не пойму как его прикрутить.
Вот еще на тостере можете посмотреть ответ на Ваш вопрос
https://toster.ru/q/414141

оттуда я и брал ссылки с примерами переходов, которые перечислил выше.
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2776
Вот еще пример подобный http://eien.tokyo/
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3400
yury:
как такое можно реализовать?
Может просто попробовать заказать? Или вы хотите сами такое сделать?
Дизайн для Инстант = Я зарабатываю тут =
= Уроки для Конструктора тем =
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.