JQuery jCarouselLite plugin avec effet de fondu

Salutations à tous...

Je veux utiliser l'effet de fondu avec jCarouselLite qualités. Est-il possible.

Besoins:

  1. L'image le temps de transition devrait être rapide.
  2. Image doit rester pendant 10 secondes.

Quelqu'un peut-guid-moi pour cette s'il vous plaît.

Geetha.

Alors peut-être envisager au moins me donner un upvote pour tous les efforts qu'
Est-il un autre plugin de soutien?

OriginalL'auteur Geeth | 2010-03-16

  1. 1

    Euh... peut-être que j'ai mal compris ce que vous voulez. Mais quelles sont les choses que vous avez demandé n'est pas déjà pris en charge par jCarousel Lite?

    • Effet de fondu: Utiliser le easing option (Vous devez inclure le plugin jQuery easing). De vérifier la Personnaliser L'Animation - L'Assouplissement De La Démo (sur le côté droit de la page)
    • Transition rapide: speed option (en millisecondes) détermine la vitesse à laquelle la transition est animé
    • Afficher une image pendant 10 secondes: auto option. De cette façon, le carrousel autoscrolls et le temps que vous avez spécifié en millisecondes est le temps entre deux diapositives consécutives

    Vérifier une démo ici: http://jsbin.com/etena/ (voir le code ici http://jsbin.com/etena/edit)

    Je n'ai pas eu l'effet de fondu. 🙁
    Vérifier élargi répondre
    Est-il possible d'obtenir l'effet de fondu dans jCarouselLite qui est disponible dans le cycle plugin
    Je ne sais pas. Vous pouvez consulter le code du cycle de plugin et d'essayer de port de l'effet de fondu de jCarouselLite. Sinon, je suppose que ça ne marchera pas
    Merci pour cette démo, c'est un million de fois plus facile à bricoler avec de jcarousellite (en désordre) du site..

    OriginalL'auteur jitter

  2. 6

    À s'estomper à partir de l'Image "à l'Image" plutôt que "l'Image du Blanc pour l'Image", vous devez régler la vitesse de l'attribut à zéro, par exemple

    $('#content .slider .inner')
    .jCarouselLite(
    {
        afterEnd    : function(el) { $(el).parent().fadeTo(500, 1); },
        beforeStart : function(el) { $(el).parent().fadeTo(500, 0); },
        speed       : 0
    }
);

    OriginalL'auteur Christopher

  3. 1

    Vous ne pouvez pas. Avec l'accélération, vous pouvez uniquement définir la méthode dans laquelle elle glisse, mais jCarousselLite toujours diapositive.

    Bien sûr, vous pouvez modifier les plugins par défaut de comportement pour répondre à vos besoins spécifiques. Exemple ici: http://snipplr.com/view/18326/jcarousellite-fade-animation/ (je n'ai pas testé, mais semble ok)

    OriginalL'auteur publicJorn

  4. 0

    Vous ne pouvez pas le faire à l'apaisement. Bâtiment/simplification de ce publicJorn écrit, voici une façon d'ajouter de la fadeIn/FadeOut effet, coulissantes:

    $('div#foo').jCarouselLite({
    visible: 1,
    start: 0,
    beforeStart: function(a) {
            $(a).parent().fadeTo(500, 0);
    },
    afterEnd: function(a) {
            $(a).parent().fadeTo(500, 1);
    }
});
    Je ne suis pas le TS, mais est-il possible de fondu de l'image pour l'image? Maintenant, c'est la décoloration de l'image du blanc à l'image.
    possible, mais vous devez manuellement chevauchement des images durant la période de transition et de faire le top un fondu de sortie devrait faire l'affaire)

    OriginalL'auteur mrgreenfur