Question

我有这个网站： http://362.a07.myftpupload.com/ 密码为： aynhoe_park

我需要修复它，以便每个部分上的Revolution滑块仅在滚动时加载。任何人都可以建议/给我一些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();

}});
});

所以，如果有人可以帮助我，那就太好了！因为我只想要一个代码而不是每个滑块只有一个代码，只有当它在屏幕上时才强制它运行滑块，而不是在手动之前。

提前致谢。

克里斯

Answer 1

代码到目前为止是正确的。请确保您更改＆＃34; revapi5＆＃34;反对正确的参考。

如果我检查你的网站，我会看到revapi1，revapi2，revapi25，revapi26，revapi3，revapi4，...... 28，... 29。没有revapi5，这将准确地说明为什么这不适合你。将上面的示例从revapi5更改为revapi1，即根据滚动位置开始/停止页面上的First滑块。

如果您希望在页面中驱动所有滑块，则需要根据上面的示例为每个滑块添加一个单独的脚本，或者像这样一起处理所有滑块的脚本：

jQuery('.rev_slider').each(function() {  

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();

}});
});

希望这会对你有所帮助吗？

Revolution Slider - 仅在屏幕上加载滑块

1 个答案: