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

が、その後mouseleaveに再びスライダーを開始し、MouseEnterイベントに）（jQueryのホバーを使用してみてください、いただければ幸いです。

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

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

}）;

Answer 3

ブール値と非常に単純な方法（多分最も明確ではない）：

var go = true; 

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

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