Мне нужна помощь. Хорошо, у меня есть некоторый код, например:
$(document).ready(function () {
$('#pagepiling').pagepiling({
menu: '#menu',
scrollingSpeed: 300,
easing: 'easeInCubic',
resetSliders: true,
navigation: {
'position': 'right',
css3: true,
lazyLoading: true,
anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8', 'page9', 'page10', 'page11', 'page12', 'page13', 'page14', 'page15', 'page16', 'page17', 'page18', 'page19', 'page20', 'page21', 'page22', 'page23'],
onLeave: function (index, nextIndex, direction) {
if (deleteLog) {
$('#callbacksDiv').html('');
}
$('#callbacksDiv').append('<p>onLeave - index:' + index + ' nextIndex:' + nextIndex + ' direction:' + direction + '</p>')
},
afterRender: function () {
$('#callbacksDiv').append('<p>afterRender</p>');
},
afterLoad: function (anchorLink, index) {
$('#callbacksDiv').append('<p>afterLoad - anchorLink:' + anchorLink + " index:" + index + '</p>');
//slide 2
if (index == 2) {
//moving the image
$('#slide2').find('.intro').delay(100).animate({
left: '0%'
}, 1500, 'easeOutExpo', function () {
$('#slide2').find('p').first().fadeIn(900, function () {
$('#slide2').find('h1').last().fadeIn(600);
});
});
}
//slide 3
if (index == 3) {
//moving the image
$('#slide3').find('.intro').delay(100).animate({
left: '0%'
}, 1500, 'easeOutExpo', function () {
$('#slide3').find('p').first().fadeIn(700, function () {
$('#slide3').find('p').last().fadeIn(600);
});
});
}
deleteLog = true;
}
});
});
Мне нужно после первой анимации на # slide2 я иду на вторую страницу запуска анимации # slide3 для этого раздела, но если я go вернусь - моя анимация для # slide2 позволяет начать снова, как мне это получить? Извините за мой плохой Энгли sh! Thx!