4

私はjCarouselLiteを使用していますが、ドキュメントは次の場所にあります： http ://www.gmarwaha.com/jquery/jcarousellite/

両端の矢印を使用してナビゲートできるカルーセルがあります。

ユーザーがクリックしてスライドショーをスクロールする前の初期状態で、左矢印が表示されないようにカルーセルを変更したいと思います。アイデアは賢明なものです。カルーセルは円形ではなく、そのようにすることはユーザーが望むオプションではないため、何もしないボタンをユーザーに提供しないでください。同様に、カルーセルの終わりに右矢印が消えて、ユーザーが反対方向にしか進むことができないことを示すように、彼らはそれを好むでしょう。

要約する：

  1. カルーセルの初期開始状態では、右矢印のみが表示され、スクロールは一方向にのみ進む必要があることをユーザーに示します。

  2. カルーセルの中央では、ユーザーがどちらの方向にもスクロールできるように、両方の矢印が表示されている必要があります。

  3. カルーセルの最後でスクロールするアイテムがなくなった場合、右矢印が表示され、左矢印が表示されないようにする必要があります。これは、カルーセルを通過した方法にのみ戻ることができることをユーザーに示します。

編集[2010年10月14日]：元のjCarouselプラグインのドキュメントには含まれているのに対し、JCarouselLiteWebページのドキュメントにはこの機能の記載が含まれていないことが判明しました。この機能は削除されたものではなかったようです。プラグインはストリップバージョンであるため、機能はドキュメントで明示的に定義されていると思いました。

TL; DR：jCarouselと同じように、jCarouselLiteはこれを自動的に行います。

4

3 に答える 3

7

これは非常に簡単な修正のようです。

  1. 「無効」クラスをprevimgに追加します。

    <img class="prev disabled" src="images/projects-prev.png" />

  2. CSSのこのビットを追加します：

    img.disabled { visibility: hidden; }

カルーセルスクリプトは、アクティブ化されると「無効」クラスを管理します。

于 2010-10-05T01:29:30.517 に答える
1

これを行う必要があります：

$(".projects-slideshow").jCarouselLite({
  btnNext: "#projects .next",
  btnPrev: "#projects .prev",
  visible: 4,
  circular: 0,
                beforeStart: function() {
                $("#projects .prev").hide(); //$(this.btnPrev).hide(); may work and is neater
                },
                afterEnd: function() {
                $("#projects .next").hide();
                }
 });
于 2010-10-04T22:19:28.040 に答える
0

.jcarousel-prev、.jcarousel-next {visibility：hidden; }

于 2013-12-02T05:50:35.217 に答える