Как перейти на другую страницу без перезагрузки страницы с анимацией, заменить контент на новый и как поменять ссылку на ту что надо?
Пример, как должно быть
Тут пример
Вот так у меня сейчас.
Анимация по нажатию стрелочки (верхний левый угол ), переходить должно на главную
Сайт
<?php get_header(); ?>
<style type="text/css">
.object {
transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
/** Chrome & Safari **/
-moz-transition: all 2s ease-in-out;
/** Firefox **/
-o-transition: all 2s ease-in-out;
/** Opera **/
}
#contact .move-ne {
transform: translate(100%, 100%);
}
.my_anim {
background-color: #fff;
}
#header {
z-index: 0;
}
</style>
<header id="header" class="header" style="position: absolute;">
</header>
<div class="my_anim">
...
//Контент страницы contact
...
</div>
<script>
function animater() {
$('.contact-navigation_img').on('click', function () {
$('#header').load('<?php echo get_home_url(); ?> #header', function() {
/// can add another function here
$('.my_anim').toggleClass('object');
$('.my_anim').toggleClass('move-ne');
$('#header').on('mousemove', function(event){
rotate(event);
});
$('#header').on('onmouseout', function(event){
stopRotate(event);
});
});
});
}
if (animater()) {
}
</script>
...
<?php get_footer(); ?>
Средний
