2017-01-27 2 views
1

js et je veux mettre en pause le curseur lorsque la souris hover la balise h1, mais il n'a pas, je sais que c'est un problème avec javascript mais je ne suis pas en mesure de faire cela fonctionnefullpagejs pause sur vol stationnaire

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

}); 

Toute aide serait appréciée, Merci

Répondre

2

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 
+0

Nice merci, il semble fonctionner plutôt bien – colapsnux

0

Essayez d'utiliser le vol stationnaire de jQuery() sur mouseenter, puis lancez le curseur à nouveau sur mouseleave.

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

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

});

+0

Merci, mais je reçois le ReferenceError d'erreur suivant: slideSwitch n'est pas défini – colapsnux

+0

peut u mentionner ur html avec le même ocde –

2

Très moyen simple (peut-être pas la plus claire) avec un bool:

var go = true; 

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

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

Je reçois l'erreur suivante: - ReferenceError: timer n'est pas défini - ReferenceError: startSetInterval n'est pas défini .. Pouvez-vous mettre à jour le violon avec la version de travail s'il vous plaît? http://jsfiddle.net/2dhkR/405/ – colapsnux

+0

Désolé, je n'ai pas expliqué où vous devez ajouter :) Voici le violon http://jsfiddle.net/2dhkR/410/ – Matteo