Jcarousel無限循環

我想要做的是讓我的滑塊不斷循環通過LIs，而不是滾動，直到它到達最後一個項目，然後停止（這是它目前的做法）。Jcarousel無限循環

下面的代碼是從一個WordPress網站，所以儘管它僅顯示一個LI，有INFACT約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>

jQuery(document).ready(function() { 

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

});

謝謝！

來源

2011-10-25 remi90

編輯：@Hazza的答案在下面是這個問題的正確答案 - 我的回答是針對不同插件的建議，我知道這個插件會處理圓形滑動的需求。當時我不知道如何使用OP的選擇來回答他的問題，並且現在編輯它來說，與@Hazza的回答相同將是不真誠的。這就是說，如果你仍然覺得需要downvote，我將非常感激知道答案到底是什麼問題，所以我可以在將來改進。謝謝！

我不知道如何使用jCarousel完成此操作。但是，有一個叫jCarouselLite衍生的插件，具有連續的選項：在許多方面

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

類似（基於）的jCarousel，但更輕巧，非常靈活。

潛在gotchya：如果您在連續模式下滾動多個項目，它可以跳過一些項目的總數不能被您正在滾動的數字完全整除。

來源

2011-10-25 10:44:06 jammypeach

廣東話你只是用

wrap: 'circular'

？

來源

2011-11-11 11:38:59 Hazza

不知道問題的海報怎麼不理接受這個答案;） – IFightCode

'包裝：「both''對我的作品 – 907th

http://sorgalla.com/jcarousel/docs/ reference/configuration.html＃wrap也許你只是無法拼寫'circular'？ – Hazza

使用'wrap'選項。使用以下爲例：

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

來源

2014-09-30 16:29:48 user1935568

Jcarousel無限循環

回答

相關問題