Jquery Superslides autoplay starten Sie auf neue Folie

Ich bin mit dem Superslides - fullscreen-slider für jQuery.
Mein problem ist, dass wenn ich auf die slider-navigation die automatische Wiedergabe nicht zurückgesetzt.
Sehen Sie unten meine Einstellungen, wie Sie sehen können die spielen eingestellt ist 10000ms.
Allerdings, wenn ich auf navigation (nächste Folie), wird der play timer noch läuft.
Dies bedeutet, dass die autoplay-setzt alle 1000ms, anstatt auf jeder Folie.
Sehen Sie die Funktionen, die ich jetzt haben:

 Superslides = function(el, options) {
   this.options = $.extend({
    play: 10000,
    animation_speed: 600,
    animation_easing: 'swing',
    animation: 'slide',
    inherit_width_from: window,
    inherit_height_from: window,
    pagination: true,
    hashchange: false,
    scrollable: true,
    elements: {
      preserve: '.preserve',
      nav: '.slides-navigation',
      container: '.slides-container',
      pagination: '.slides-pagination'
    }
  }, options);

Irgendwelche Ideen, wie kann ich das "spielen: 10000" zurücksetzen auf jeder neuen Folie.

InformationsquelleAutor jon1010 | 2013-10-21
  1. 0

    Ich weiß, das ist eine alte Frage, aber ich habe vor kurzem lief in das gleiche problem, und dachte, ich würde teilen, was ich denke, fixiert es für mich in den Fall, dass jemand anderes fährt.

    In der jquery.superslides.js Datei den folgenden code aufgeführt ist, zur Steuerung der navigation die Pfeile des Schiebereglers:

    that.$el.on('click', that.options.elements.nav + " a", function(e) {
  e.preventDefault();

  that.stop();
  if ($(this).hasClass('next')) {
    that.animate('next', function() {
      that.start();
    });
  } else {
    that.animate('prev', function() {
      that.start();
    });
  }
});

    Also mein Verständnis ist, dass durch klicken auf die Pfeile nie initiiert eine "stop" - was bedeutet, dass die automatische Wiedergabe nicht stoppen, so dass es nicht zurücksetzen. Sie könnten versuchen, zwei Möglichkeiten, dies zu umgehen.

    Option 1, um die Diashow vollständig zum Stillstand kommen, wenn Sie auf die nächste (oder Vorherige) Pfeil und nicht automatisch bei allen. Tun Sie dies, indem 

    that.start();

    zu

    that.stop();

    Option 2 wäre die erste Forderung nach einem Stopp und rufen dann eine starten, wenn auf die Pfeile geklickt wird. Diese zwingen sollte die autoplay-Funktion setzen Sie den timer zurück, um 10000ms, die Sie setzen. um dies zu tun fügen Sie einfach:

    that.stop();

    Jeweils vor die

    that.start();
    InformationsquelleAutor Kristen Vogler
Schreibe einen Kommentar