fullpagejs паузы при наведении курсора мыши

Question

JS, и я хочу, чтобы приостановить ползунок при наведении наведения тега h1, но это не так, я знаю, что это проблема с Javascript, но я не в состоянии сделать это работает

http://jsfiddle.net/2dhkR/405/

$(document).ready(function() { 
    $('#fullpage').fullpage({ 
     sectionsColor: ['#1bbc9b', '#4BBFC3'], 
     loopBottom: true, 
     afterRender: function() { 
      setInterval(function() { 
       $.fn.fullpage.moveSlideRight(); 
      }, 3000); 
     } 
    }); 


    // the function - set var up just in case 
    // the timer isn't running yet 
    var timer = null; 

    function startSetInterval() { 
     timer = setInterval(showDiv, 5000); 
    } 
    // start function on page load 
    startSetInterval(); 

    // hover behaviour 
    function showDiv() { 
     $('#fullpage h1').hover(function() { 
      clearInterval(timer); 
     }, function() { 
      startSetInterval(); 
     }); 
    } 

}); 

Любая помощь будет оценена, спасибо

Answer 1

http://jsfiddle.net/2dhkR/407/

var interval = undefined; 
$(document).ready(function() { 

    $('#fullpage').fullpage({ 
     sectionsColor: ['#1bbc9b', '#4BBFC3'], 
     loopBottom: true, 
     afterRender: function() { 
      interval = setInterval(function() { 
       $.fn.fullpage.moveSlideRight(); 
      }, 100); 
     } 
    }); 
    $('#fullpage h1').mouseover(function() { 
    clearInterval(interval); 
    interval = null; 
    }) 
    $('#fullpage h1').mouseout(function() { 
      interval = setInterval(function() { 
       $.fn.fullpage.moveSlideRight(); 
      }, 100); 
    }); 


}); // end document ready 

Answer 2

Попробуйте использовать парить JQuery (в) на MouseEnter, затем запустите бегунок снова на MouseLeave.

$(function() { 
var interval = setInterval(slideSwitch, 10000); 

$('#slideshow').hover(function() { 
    clearInterval(interval); 
}, function() { 
    interval = setInterval(slideSwitch, 10000); 
}); 

});

Answer 3

Очень простой способ (возможно, не ярчайший) с BOOL:

var go = true; 

if (go)$.fn.fullpage.moveSlideRight(); 

$('#fullpage h1').hover(function() { 
     go = false; 
     clearInterval(timer); 
    }, function() { 
     go = true; 
     startSetInterval(); 
    });