Primefaces 基本面和圆形旋转木马

Primefaces 基本面和圆形旋转木马,primefaces,jsf-2,carousel,Primefaces,Jsf 2,Carousel,我将PrimeFaces3.2与Tomcat7.0.23和JSF2.0一起使用 我正在使用组件 <p:carousel id="aCarousel" value="#{BBCarousel.carouselItems}" var="carouselItem" autoPlayInterval="3000" rows="4" vertical="true" circular="true" pageLinks="0" headerT

我将PrimeFaces3.2与Tomcat7.0.23和JSF2.0一起使用 我正在使用组件

 <p:carousel id="aCarousel" value="#{BBCarousel.carouselItems}" var="carouselItem"  
              autoPlayInterval="3000"
              rows="4" vertical="true" circular="true" pageLinks="0" headerText="Informations"  >      

    <div class="thumbnail">
      <img src="images/minilogo.png" />
    </div>
    <div class="info">
      <a href="#">#{carouselItem.item_title}</a>
      <span class="cat">Category: #{carouselItem.item_cat}</span>
    </div>
  </p:carousel> 

类别:#{carouselItem.item_cat}
当传送带到达最后一个传送带项目时,传送带滑动到(向上移动)第一个元素。。相反,我希望最后一个项目以“循环方式”不间断地连接到第一个项目。。所以我得到了一个连续的滚动效果。。 我希望我已经说清楚了。。
谢谢

看看Firebug,我发现旋转木马主要是一个div和一个具有坐标值的隐藏输入

<div id="slideShow" class="ui-carousel ui-widget ui-widget-content ui-corner-all" style="width: 404px;">
<div class="ui-carousel-header ui-widget-header ui-corner-all">
<div class="ui-carousel-viewport" style="width: 404px; height: 253px;">
<ul style="left: -808px;">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<img id="slideShow:j_idt15" alt="" src="/showcase/images/nature1.jpg;jsessionid=A181FD9A4E1990E40E09B3743EB2EE61">
</li>
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
</ul>
</div>
<input id="slideShow_first" type="hidden" value="2" name="slideShow_first">
</div>

这些值在autoPlayInterval中更改,这看起来像是调用了jQuery脚本来移动图像并在执行此操作时执行效果


我在Primefaces文档中没有看到任何东西表明可以更改不需要的自动播放效果。如果不修改Primefaces代码,我认为这是不可能的。

查看Firebug,我发现旋转木马主要是一个div和一个具有坐标值的隐藏输入

<div id="slideShow" class="ui-carousel ui-widget ui-widget-content ui-corner-all" style="width: 404px;">
<div class="ui-carousel-header ui-widget-header ui-corner-all">
<div class="ui-carousel-viewport" style="width: 404px; height: 253px;">
<ul style="left: -808px;">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<img id="slideShow:j_idt15" alt="" src="/showcase/images/nature1.jpg;jsessionid=A181FD9A4E1990E40E09B3743EB2EE61">
</li>
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
<li class="ui-carousel-item ui-widget-content ui-corner-all photo">
</ul>
</div>
<input id="slideShow_first" type="hidden" value="2" name="slideShow_first">
</div>

这些值在autoPlayInterval中更改,这看起来像是调用了jQuery脚本来移动图像并在执行此操作时执行效果

我在Primefaces文档中没有看到任何东西表明可以更改不需要的自动播放效果。如果不修改Primefaces代码,我认为这是不可能的