1

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

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

}});
});

因此，如果有人可以帮助我，那就太好了！因为我只喜欢一个代码而不是每个滑块一个代码来强制它仅在它在屏幕上时运行滑块，而不是在手之前。

提前致谢。

克里斯

4

1 回答 1

1

代码到目前为止是正确的。请确保将“revapi5”更改为正确的引用。

如果我查看您的网站，我会看到 revapi1、revapi2、revapi25、revapi26、revapi3、revapi4、...28、...29。没有 revapi5 可以准确地声明为什么这对您不起作用。将上面的示例从 revapi5 更改为 revapi1 即会根据滚动位置启动/停止页面上的第一个滑块。

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

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

}});
});

希望这可以进一步帮助您？

于 2015-03-16T16:16:34.240 回答