C1Carousel コントロールには、各種のナビゲーションオプションが含まれており、そのオプションの１つを使用してカルーセルにページャを追加することで、ユーザーがより簡単にカルーセル項目をナビゲートできるようになります。 ShowPager プロパティを True に設定すると、カルーセルの下にページャが表示され、ユーザーがカルーセル内のすべての項目をナビゲートできるようになります。

デフォルトでは、ページャは数字で表示されますが、PagerType プロパティを以下のオプションのいずれかに設定できます。

• Slider ページャをスライダで表示し、スライダのつまみボタンをドラッグして別の画像に移動します。
• Numbers 数値ページャを表示し、ある数字をクリックしてその項目に移動します。
• Dots ページャを小さなボタンで表示し、あるボタンをクリックしてその項目に移動します。
• Thumbnails ページャをカルーセル項目のサムネイル画像で表示し、ある項目をクリックしてその項目に移動します。Thumbnails プロパティを設定して、サムネイルに表示する画像を設定できることに注意してください。

以下の例では、小さなボタンで表示したページャを追加します。

ソースビューの場合

ソースビューで、 ShowPager="True" PagerType="Dots"を<cc1:C1Carousel> タグに追加します。その結果、次のようになります。

デザインビューの場合

デザインビューで、C1Carousel コントロールを選択し、プロパティウィンドウで次のように設定します。

• ShowPager プロパティを True.
• PagerType プロパティを Dots.

コードの場合

以下のコードを Page_Loadイベントに追加し、ページャをカルーセルに追加します。

Visual Basic コードの書き方

Me.C1Carousel1.ShowPager = True

Me.C1Carousel1.PagerType = PagerType.Dots                                               

C# コードの書き方

this.C1Carousel1.ShowPager = true;

this.C1Carousel1.PagerType = PagerType.Dots;