Ergebnis 1 bis 2 von 2
  1. #1
    JonasLoerken ist offline Grünschnabel
    registriert
    06-06-2014
    Beiträge
    9

    Question fadeIn / fadeOut Loop

    Hey,

    ich möchte eine kleine Galerie (oder Slider) via jQuery bauen, in der die Bilder durchswitchen, sobald der Nutzer mit der Maus über das passenden Element fährt. Dazu habe ich mir folgendes Script gebaut:

    Code:
    $( ".grid-item" ).mouseover(function() {
        $(this).find(".slide-image").each(function(index) {
            $(this).delay(800*index).fadeIn(0);
        });
    }).mouseleave(function() {
        console.log("Mouse Out!");
    });
    Das Script funktioniert auch ohne Probleme. Sobald die Bilder jedoch einmal durchgelaufen sind, bleiben diese stehen. Ist es möglich, das Ganze in einen Loop zu setzen, sodass Die Bilder immer und immer wieder durchswitchen?

    Schaut euch am besten mal meinen CodePen an: Create a New Pen

    Danke! :-)

  2. #2
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.630

    AW: fadeIn / fadeOut Loop

    du startest ALLE animationen mit zeitversatz (und stopst sie nicht bei mouseout)
    wenn du nur eine startest, und in dessen callback bei animationsende die nächste, kannst du, wenn du am ende angelangt bist, wieder mit der 1. weitermachen.

Ähnliche Themen

  1. Javascript-fadeIn / fadeOut Problem
    Von JoungYseze im Forum JavaScript
    Antworten: 15
    Letzter Beitrag: 26-06-2013, 23:12
  2. jquery fadeIn/fadeOut oder animate cache?
    Von TecEye im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 05-04-2013, 16:22
  3. fadeIn + fadeOut effekt
    Von d0mme im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 23-08-2009, 20:43
  4. FadeIn-FadeOut Problem
    Von Demus im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 02-04-2007, 00:06
  5. <TD> fadeIn/fadeOut
    Von stanleyB im Forum JavaScript
    Antworten: 14
    Letzter Beitrag: 28-11-2005, 21:28

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •