Wie kann ich ein Feuer auf kontinuierlich während etwas schwebte?

Ziemlich sicher, dass dies hat eine einfache Lösung. Ich bin mit jCarousellite, und das will ich ändern das Verhalten des eingebauten nav-Tasten, um Feuer auf die Maus über.

$("#carousel").jCarouselLite({


 vertical: true,
 btnNext: ".btn-down",
 btnPrev: ".btn-up",
 visible:6,
 circular: false

});

$("#carousel .btn-down").hover(function() {

 $("#carousel .btn-down").click();

});

aber es feuert nur einmal, wenn mouseover, ich brauche es, um das Feuer continueously beim mouseover.

  • Unter Angabe Ihres gewünschten Effekt könnte eine bessere start, fortlaufend Schießen mit einem Klick hat nie die beste Lösung, jedes mal, wenn diese gestellt wurde.
  • Ah, sry!!! Ich will das Karussell zu bewegen, um das nächste Element, während Sie schwebten. Dachte mit der integrierten Funktionalität von jCarouselLite wäre die Schnellste Lösung.
InformationsquelleAutor russjman | 2010-03-12
  1. 3
    var nav = function() {
  $("#carousel .btn-down").click(); //next move
  $("#carousel").data(
    'hover', 
    window.setTimeout(nav, 1000); //continue in 1000 ms
  );
};
$("#carousel .btn-down").hover(
  nav,
  function() {
    window.cancelTimeout ($("#carousel").data('hover')); //stop the navigation
  }
);
    • dies Funktionierte perfekt. Es überrascht mich, dass die Lösungen, die benötigt werden, damit roundt über. Cheers mate!
    InformationsquelleAutor Mathieu
  2. 4

    Ich hatte auch das gleiche problem mit meinem code, dann kam ich mit dieser Lösung..

    $(document).ready(function(){
    $("someid1").hover(function a() {  //on hover over some element with id-> someid1  
        $("#someid2").animate({
            width:"+=10" 
        }, function(){
            a();
        });
    }); //execute animation function and call itself again and again on mouseover
});                                                     

$("someid1").mouseout(function() {
    $("#someid2").stop(); //stop the animation on mouseout.
});
});

    Dass hat den trick für mich. Hoffe es hilft dir.

    InformationsquelleAutor Priyanshu
  3. 3

    Können Sie setInterval beginnen die Auslösung der Veranstaltung in regelmäßigen Abständen zu schweben und zu verwenden clearInterval um es zu stoppen, wenn der Benutzer Stoppt, schwebt. Es würde auch sauberer auslösen, das tatsächliche Verhalten, die Sie wollen, statt ein click-Ereignis auslösen, vorausgesetzt, das plugin, die Sie verwenden unterstützt eine solche API. So etwas wie dieses:

    var effectInterval;

$('#carousel .btn-down').hover(function() {
  effectInterval = setInterval(function() {
    $('#carousel').advanceToNextImage(); //sample API call, check your plugin's docs for how it might actually be done
  }, 5000);
}, function() {
  clearInterval(effectInterval);
});
    • bitte nicht verwenden, Zeichenfolgen in setInterval oder setTimeout, es ist schlechte Praxis, und fügt zusätzliche Verarbeitung ohne Grund...es ist mehr in diesem Fall: setInterval(triggerEffect, 5000);
    • Ha, ich habe gerade bearbeitete meine Antwort, um das zu ändern, dann sah Ihr Kommentar, sobald der edit gespeichert.
    • Was ist advanceToNextImage? Ich glaube, Sie suchen in einer anderen Galerie-plugin?
    • es ist ein aus-API-Aufruf. Es ist nur zu zeigen, ein Beispiel für den Aufruf des Verhaltens im Gegensatz zu der Auslösung eines click-Ereignis. Ich werde Bearbeiten Sie meine Antwort nochmal um das klar zu machen... scheinbar Mitteilungen Bearbeiten, die nicht zeigen, bis auf die eigentliche Antwort.
    InformationsquelleAutor Jimmy Cuadra
  4. 0

    Können Sie ein Intervall festlegen für auf wie ein das, tun gerade das gleiche für die entgegengesetzte Taste:

    $("#carousel .btn-down").hover(function() {
  $(this).data("to", setInterval(function() { $("#carousel .btn-down").click(); }, 200));
}, function() {
  clearInterval($(this).data("to"));
});
    InformationsquelleAutor Nick Craver
Schreibe einen Kommentar