Réglage du nombre d'images visibles dans jCarousel

J'ai intégré jCarousel dans mon asp.net page, mais c'est toujours montrant seulement 3 images à la fois. Si j'ai besoin de montrer à 10 images à la fois, alors que dois-je changer dans le code?

Voici mon petit extrait:

jQuery(document).ready(function () {
    jQuery('#mycarousel').jcarousel({
        size:5,
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});

function mycarousel_getItemHTML(mother) {
    var item = "<div>";
    item += "<img src='" + mother.Image + "' width='75' height='75' />";
    item += "</div>";
    item += "<div>" + mother.Title + "</div>";
    return item;
};

OriginalL'auteur Thomas | 2011-08-19

  1. 10

    Essayer cette

    jQuery('#mycarousel').jcarousel({
    visible: 3
});
    jQuery('#mycarousel').jcarousel({ visibles: 3 }); si j'ai mis visibles: 10 ensuite, il affichera 10 image à la fois?
    C'est ce que dit la documentation

    OriginalL'auteur Coomie

  2. 5

    Besoin de changer à la fois la largeur du conteneur, & clip; & augmenter le nombre d'articles par visible: 10

    JS

    jQuery('#mycarousel').jcarousel({
    visible: 10
});

    CSS

    .jcarousel-skin-ie7 .jcarousel-container-horizontal
{
    width:750px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:740px; 
}

    OriginalL'auteur Avi C

  3. 4

    Il suffit de changer le CSS pour:

    .jcarousel-skin-tango .jcarousel-container-horizontal

    [modifier le largeur tout ce que vous voulez]

    Devriez noter que c'est uniquement pour le skin par défaut appelé tango. Pour une autre peau, la même modifier doivent être faites dans le CSS correspondant.
    Bien dit. Merci de sparky
    ne devriez-vous pas changer .jcarousel-skin-tango .jcarousel-clip-horizontal ainsi ?

    OriginalL'auteur Ali Habibzadeh

  4. 0

    Je suis récemment tombé sur le même problème. Il s'avère que si vous avez une version antérieure de jQuery, il sera par défaut à trois éléments, quel que soit votre visibilité est.

    Je ne pouvais pas trouver la peau largeurs dans mon fichier CSS si, si je pouvais juste être raté quelque chose.

    J'ai compris cela en jouant ici: http://jsfiddle.net/xNjwh/168/ , de revenir à mes anciennes version jQuery, et de jouer avec le code suivant:

    jQuery('#mycarousel').jcarousel({visible: 4});

    OriginalL'auteur ACI Engineer

  5. 0

    Hi pas vraiment une réponse à ce titre plus d'une alternative.
    J'ai passé un peu de temps sur cette question de moi-même et mon éventuelle solution a été d'utiliser un autre jQuery carrousel plugin au lieu qui offre beaucoup plus dans la voie de la personnalisation et est presque identique dans ses fonctions.

    Il vous permet de définir vos propres règles css si vous avez besoin de pour le conteneur des éléments qui est assez essentiel pour la plupart j'imagine.

    jquery carousel-lite

    Je ne suis pas associé avec le développeur de Karl Sweedberg en aucune façon.
    Il est basé sur le code original par Ganeshji Marwaha.

    Espère que cela aide quelqu'un.

    Jimmy

    OriginalL'auteur Jimmy G