Jquery Jcarousel无限循环

Jquery Jcarousel无限循环,jquery,wordpress,jcarousel,Jquery,Wordpress,Jcarousel,我要做的是让我的滑块在LIs中不断循环,而不是滚动到最后一个项目然后停止(这就是它当前所做的) 以下代码来自Wordpress站点,因此尽管它只显示一个LI,但实际上前端输出了大约6或7个LI: PHP <ul id="slideshowContainer" class="jcarousel jcarousel-skin-tango"> <?php $clientLogos = new WP_Query(array('post_type' => '

我要做的是让我的滑块在LIs中不断循环,而不是滚动到最后一个项目然后停止(这就是它当前所做的)

以下代码来自Wordpress站点,因此尽管它只显示一个LI,但实际上前端输出了大约6或7个LI:

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>

谢谢

编辑:@Hazza下面的答案是对这个问题的正确答案-我的答案是对一个不同插件的建议,我知道该插件将处理循环滑动的要求。 当时我不知道如何使用OP的选择来回答他的问题,现在编辑它,说与@Hazza的答案相同,充其量是不诚实的

这就是说,如果你仍然觉得有必要否决投票,我将非常感谢你知道答案到底有什么问题,这样我可以在将来改进。谢谢


我不知道如何使用jCarousel实现这一点。但是有一个叫做jCarouselLite的衍生插件,它有一个连续选项:

jCarousel在很多方面都很相似(并且基于jCarousel),但更轻量级,更灵活

潜在哥特西亚: 如果您在连续模式下滚动多个项目,如果项目总数不能被您滚动的数字整除,它可能会跳过一些项目。

您不能只使用

wrap: 'circular'

?使用“包装”选项。以以下内容为例:

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

不知道如何接受这个答案;)也许你只是不能拼写'circular'?@Hazza-事实上,我的代码的问题是丢失的'}'不会导致解析错误。除了圆形包装外,一切都正常。所以这实际上是JavaScript喜欢隐藏讨厌的{}的正确答案:(@farnier可能是因为那是我的几周后,他从那以后就没有登录过。这是正确的答案,但我不能删除我的,因为它被接受。我得到了反对票,因为它没有直接回答问题:(
$('.jcarousel')
.jcarousel({
    wrap: 'circular'
})
.jcarouselAutoscroll({
    interval: 3000,
    target: '+=1',
    autostart: true
});