У меня есть этот сайт: http://362.a07.myftpupload.com/ Пароль является: aynhoe_parkRevolution Slider - слайдер нагрузки, когда на экране только
Мне нужно, чтобы исправить это так, что революция ползунки на каждой секции только нагрузки, когда его прокручивается. Может ли кто-нибудь предложить/дать мне некоторый jQuery, чтобы заставить это только запускать ползунки, когда пользователь находится на странице с ним. Вы увидите, что сайт является параллаксом, и он имеет несколько ползунков на параллаксе.
Я попробовал этот код, приведенный ниже, от людей в Revolution Slider, который, кажется, не работает:
revapi5.on('revolution.slide.onloaded', function() {
// slider reaches top of screen
jQuery(this).waypoint(function(direction) {
// slider scrolled into view
if(direction === 'up') {
jQuery(this).revresume();
}
// slider scolled out of view
else {
jQuery(this).revpause();
}
}, {offset: function() {
return -jQuery(this).height();
// slider reaches bottom of screen
}}).waypoint(function(direction) {
// slider scrolled into view
if(direction === 'down') {
jQuery(this).revresume();
}
// slider scrolled out of view
else {
jQuery(this).revpause();
}
}, {offset: function() {
return jQuery(window).height();
}});
});
Так что если кто-то может помочь мне, что было бы здорово! Поскольку мне бы хотелось только один бит кода, а не один для каждого слайдера, чтобы заставить его запускать слайдер только тогда, когда он находится на экране, а не перед рукой.
Заранее спасибо.
Chris
Вы загружаете плагин jQuery Waypoints? – Dre
да его в
перед самым закрытием. –Прежде всего вам нужно установить, не срабатывает ли при прокрутке в представлении (проблема с путевыми точками) или он не запускается и не останавливается (проблема с революцией). Попробуйте ввести некоторые предупреждения или консольные сообщения внутри ваших функций путевой точки и посмотреть, правильно ли они запускаются. – Dre