fullpagejs Pause auf schweben

Question

js und ich mag den Schieber pausieren, wenn die Maus den H1-Tag schwebt aber es nicht, ich weiß, dass es ein Problem mit Javascript, aber ich bin nicht in der Lage zu machen, arbeitet

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

}); 

Jede Hilfe würde geschätzt, Dank

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

Try jQuery Hover() auf MouseEnter- zu verwenden, dann den Regler wieder auf mouseleave starten.

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

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

});

Answer 3

Sehr einfache Art und Weise (vielleicht nicht die klarste) mit einem Bool:

var go = true; 

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

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