1

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>

カルーセルが最後のカルーセルアイテムに到達すると、カルーセルは最初の要素にスライド（上に移動）します。代わりに、最後のアイテムを最初のアイテムに「循環的に」途切れることなくアタッチしたいと思います。 。だから私は継続的なスクロール効果を得る..私は明確になっているといいのですが..ありがとう！

4

1 に答える 1

2

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>

これらの値は、j​​Query スクリプトが呼び出されて画像を移動し、その間に効果を実行しているように見える autoPlayInterval で変化しています。

Primefaces のドキュメントには、不要な自動再生効果を変更できることを示唆するものは何もありません。Primefaces のコードを変更しない限り、これは不可能だと思います。

于 2012-05-03T13:47:04.080 に答える