Jcarousel boucle infinie

Ce que je suis en train de faire, c'est de faire mon curseur boucle en continu par le biais de la science de l'information, plutôt que de faire défiler jusqu'au dernier élément, puis arrêter (qui est ce qu'il fait actuellement).

Le code suivant est à partir d'un site WordPress, si bien qu'il affiche un seul LI, il ya en fait environ 6 ou 7 retournée dans le front-end:

PHP

<ul id="slideshowContainer" class="jcarousel jcarousel-skin-tango">
            <?php $clientLogos = new WP_Query(array('post_type' => 'client-logos', 'posts_per_page' => -1)); ?>
            <?php while ($clientLogos->have_posts() ) : $clientLogos->the_post(); ?>
            <li>
                <?php if (has_post_thumbnail( $post->ID )): ?>
                    <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
                    <img src="<?php bloginfo('template_directory'); ?>/thumbs.php?src=<?php echo $image[0]; ?>&h=100&zc=1" alt="<?php the_title(); ?>" />
                <?php endif; ?>
            </li>
            <?php endwhile;?>
            <div style="clear:both"></div>
        </ul>

JS

jQuery(document).ready(function() {

jQuery('#slideshowContainer').jcarousel({
    scroll: 1,
    auto: .01,
    wrap: 'last',
    easing: 'linear'
     });

});

Merci!

OriginalL'auteur remi90 | 2011-10-25

  1. 0

    MODIFIER: @Hazza la réponse ci-dessous est la bonne réponse à la question, ma réponse est une suggestion pour un autre plugin dont je savais qu'il allait traiter avec l'exigence de la circulaire coulissante.
    À l'époque, je ne savais pas comment utiliser les OP de choix pour répondre à sa question, et l'édition d'aujourd'hui de dire la même chose que @Hazza la réponse serait tout simplement fallacieux.

    Cela dit, si vous vous sentez toujours le besoin de downvote je serais très curieux de savoir quel est exactement le problème avec la réponse que je peux améliorer dans l'avenir. Merci!

    Je ne sais pas comment faire à l'aide des jCarousel. Mais il est un dérivé plugin appelé jCarouselLite qui dispose d'une option:

    http://www.gmarwaha.com/jquery/jcarousellite/

    Similaires à bien des égards (et) jCarousel, mais beaucoup plus léger et assez souple.

    Potentiel gotchya:
    Si vous faites défiler plus d'un élément en mode continu, il peut sauter certaines si le nombre total d'éléments n'est pas exactement divisible par le nombre que vous êtes de défilement.

    OriginalL'auteur totallyNotLizards

  2. 34

    Je ne peux pas vous suffit d'utiliser

    wrap: 'circular'

    ?

    Ne sais pas comment la question de l'affiche ignorer l'acceptation de cette réponse 😉
    wrap: 'both' fonctionne pour moi
    sorgalla.com/jcarousel/docs/reference/configuration.html#wrap Peut-être que vous venez de cant 'sort circulaire?
    en fait, le problème avec mon code a été qu'une perte de '}' qui ne provoque pas d'une erreur d'analyse. Tout a fonctionné à l'exception de la circulaire envelopper. Donc c'est effectivement la bonne réponse
    JavaScript aime à cacher satanés { } s 🙁

    OriginalL'auteur Hazza

  3. 6

    Utiliser l'option 'wrap'. Utiliser ce qui suit comme exemple:

    $('.jcarousel')
.jcarousel({
    wrap: 'circular'
})
.jcarouselAutoscroll({
    interval: 3000,
    target: '+=1',
    autostart: true
});

    OriginalL'auteur user1935568