3

jCarousel プラグインを使用して一連のアイテムを表示していました。外部コントロールとページング コントロールを取得するために、Web サイトのこの例に従っていました。

このアプローチには 2 つの問題があります。

  1. 数値の項目を手動で追加する必要があります (JS を使用してカルーセル内の項目の数を計算するだけではなく)、これで問題ありませんが、

  2. 現在のスライドの項目を (クラスの変更によって) 強調表示する方法がないようです

このフィドルでわかるように、私がやっていることは、箇条書きをページングドットとして使用することです 

<div class="carousel-nav cf">
<table>
<tr>
    <td><a href="#" id="mycarousel-prev">&#x25C0;</a></td>
    <td>
        <div class="jcarousel-control">
          <a href="#">&bull;</a>
          <a href="#">&bull;</a>
          <a href="#">&bull;</a>
        </div>
    </td>
    <td><a href="#" id="mycarousel-next">&#x25BA;</a></td>
</tr>
</table>
</div>

現在のアイテムのクラスを「アクティブ」または同様に設定したいと考えています。

何か案は？または、これに適したプラグインはありますか? Cycle を試しましたが、一度に 2 つ以上のアイテムを表示する必要があります。ありがとう。

4

2 に答える 2

-1

実際には、現在のアクティブなカルーセル要素に対応する強調表示にコールバック関数を使用できます

function highlighttab1(carousel, state, liindex) {
document.getElementById(liindex).className = "selected";}

function removehighlighttab1(carousel, state, liindex) {
document.getElementById(liindex).className = "unselected";}

数日前、メニューラベルパネル（ドットがあるため）とクリックすると意図したカルーセル要素にスクロールするすべての静的ハイパーリンクがあるjcarouselで作業しました

于 2012-11-23T20:56:58.637 に答える