Jcarousel бесконечный цикл - PullRequest
Новая
       8

Jcarousel бесконечный цикл

4 голосов
/ 25 октября 2011

Я пытаюсь сделать так, чтобы мой слайдер непрерывно проходил по LI, а не прокручивался до тех пор, пока не достигнет последнего элемента, а затем остановился (что и происходит в данный момент).

Следующеекод взят с сайта Wordpress, поэтому, хотя он отображает только один LI, в интерфейсе выводится около 6 или 7:

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'
     });

});

Спасибо!

Ответы [ 3 ]

35 голосов
/ 11 ноября 2011

Не можете просто использовать 

wrap: 'circular'

?

7 голосов
/ 30 сентября 2014

Используйте опцию «wrap». Используйте в качестве примера следующее: 

$('.jcarousel')
.jcarousel({
    wrap: 'circular'
})
.jcarouselAutoscroll({
    interval: 3000,
    target: '+=1',
    autostart: true
});
0 голосов
/ 25 октября 2011

РЕДАКТИРОВАТЬ : @ Ответ Хаззы, приведенный ниже, является правильным ответом на вопрос - мой ответ - это предложение для другого плагина, который, как я знал, будет отвечать требованию кругового скольжения.В то время я не знал, как использовать выбор ОП, чтобы ответить на его вопрос, и редактировать его сейчас, чтобы сказать то же самое, что и ответ @ Хаззы, было бы в лучшем случае нечестно.

Это сказало бы, если вы все еще чувствуетенеобходимость понизить голос, я был бы очень признателен, зная, что именно не так с ответом, чтобы я мог улучшить в будущем.Спасибо!

Я не знаю, как сделать это с помощью jCarousel.Но есть производный плагин под названием jCarouselLite, который имеет непрерывную опцию:

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

Подобный во многих отношениях (и основанный на) jCarousel, но гораздо более легкий и довольно гибкий.

Потенциальная ошибка: если вы прокручиваете более одного элемента в непрерывном режиме, он может пропустить некоторые, если общее количество элементов не делится точно на число, которое вы прокручиваете.

...