carouFredSel: Créer une fonction suivant / précédent boutons?

Je suis en utilisant carouFredSel de créer plusieurs carrousels sur la même page. Si vous regardez cette JSFiddle vous verrez que il y a deux carrousels, mais un seul est en mesure de faire défiler avec les touches suivant /precedent.

Sans l'ajout d'une classe ou un ID, je suis en train de dire que les boutons de seulement faire défiler le correspondant de carrousel. Je crois que cet être accompli avec une fonction, mais je ne suis pas entièrement sûr de savoir comment. Quelque chose comme ceci:

prev: {
    button: function() {
        $(this).next('.prev');
        }
},
Je dois le mentionner, la raison pour laquelle je ne veux pas utiliser une classe ou un ID pour résoudre ce problème, c'est parce que je suis de la génération de ces colonnes avec WordPress. Depuis toutes les colonnes ont les mêmes propriétés, je préfère ne pas répéter le code.

OriginalL'auteur colindunn | 2012-03-02

  1. 13

    Donner à ce look, c'est à droite dans la documentation:

    prev: {
    button: function() {
        return $(this).parent().siblings(".prev");
        }
    },
next: {
    button: function() {
        return $(this).parent().siblings(".next");
        }
    }

    Travail JSFiddle démo

    oh et avis, j'ai pris la key, parce qu'alors, vous devez avoir les carrousels synchronisée... et vous pouvez avoir l'un ou l'autre, pas les deux. (sauf si vous conditionnellement touches assignées, mais il y va de votre petit code)

    --

    http://caroufredsel.frebsite.nl/code-examples/configuration.php
    recherche: "Obtenir le code HTML-éléments pour les boutons et le conteneur de façon dynamique"

    Ah! J'étais proche. Je vous remercie pour votre aide.
    Wicked à proximité... ouais, j'avais lu les doc pour autre chose une fois et je me suis souvenu de là... content d'avoir pu aider mon ami!
    J'ai fini la mise en œuvre de la keybaord de contrôle d'une manière différente. Donc dans mon cas ce n'est pas un problème!

    OriginalL'auteur Eric Hodonsky

  2. 2

    Je pense que c'est mieux de mettre un ID.

    $("#list1").carouFredSel({
    direction: "up",
    auto : false,
    items: 3,
    prev : "#prev1",
    next : "#next1"
});   

$("#list2").carouFredSel({
    direction: "up",
    auto : false,
    items: 3,
    prev : "#prev2",
    next : "#next2"
});

    Voir un démo.

    OriginalL'auteur Brightweb

  3. 0

    peut-être que c'est utile pour vous.dans ma page de son workin bon.

    prev: {
       button  : ".prev"
},
next: {
       button  : ".next"
},

    OriginalL'auteur Sangeet Shah