2014-12-04 3 views
1

에이 사이트가있을 때 : http://362.a07.myftpupload.com/ 암호는 다음과 같습니다혁명 슬라이더 -로드 슬라이더 화면 만

나는 그래서 그것을 해결하기 위해 필요 aynhoe_park을 만 부하 각 섹션에 혁명 슬라이더 때의를 에 스크롤. 누군가가/jQuery를 사용하여 페이지에있을 때만 슬라이더를 시작하도록 제안하거나 제안 할 수 있습니까? 사이트가 시차이며, 시차에 여러 개의 슬라이더가 있음을 알 수 있습니다.

나는 작동하지 않는 것 혁명 슬라이더,에있는 사람들로부터, 아래에이 코드를 시도 : 누군가가 나를 도울 수 있다면

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

}}); 
}); 

것은 그래서 좋은 것! 각 슬라이더에 대해 하나의 코드가 아니라 슬라이더가 화면에있을 때만 슬라이더를 실행하도록 강요하는 것이 아니라 손에서부터 시작해야합니다.

미리 감사드립니다.

크리스

+0

jQuery Waypoints 플러그인을로드하고 있습니까? – Dre

+0

예. 닫기 직전 에 있습니다. –

+0

먼저보기로 스크롤 할 때 (웨이 포인트와 관련된 문제) 또는 시작 및 중지에 실패했는지 (Revolution의 문제) 여부를 확인해야합니다. 웨이 포인트 기능 내부에 일부 경고 또는 콘솔 메시지를 넣고 올바르게 트리거되는지 확인하십시오. – Dre

답변

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

}}); 
}); 

희망 하시겠습니까?