C1Carousel コントロールへのコンテンツの追加はとても簡単であり、さまざまな方法で行えます。この手順では、ImageUrl プロパティを使って画像にリンクします。以下は、「手順 1：ページへのコントロールの追加」トピックを完了し、C1Carousel コントロールがページに追加されていることを前提にしています。

コンテンツを C1Carousel コントロールに追加するには、以下の手順を実行します。

1. ソースビューで、<cc1:C1Carousel></cc1:C1Carousel> タグの間にマウスを置き、次のマークアップを追加して、項目をコントロールに追加します。

   ソースビュー	コードのコピー
   <Items></Items>

2. <Items></Items> タグの間にマウスを置き、次のマークアップを追加して、C1CarouselItem をコントロールに追加します。

   ソースビュー

   ソースビュー

   コードのコピー

   <cc1:C1CarouselItem ID="C1CarouselItem1" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/1" Caption="Sport 1"> </cc1:C1CarouselItem> <cc1:C1CarouselItem ID="C1CarouselItem2" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/2" Caption="Sport 2"> </cc1:C1CarouselItem> <cc1:C1CarouselItem ID="C1CarouselItem3" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/3" Caption="Sport 3"> </cc1:C1CarouselItem> <cc1:C1CarouselItem ID="C1CarouselItem4" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/4" Caption="Sport 4"> </cc1:C1CarouselItem> <cc1:C1CarouselItem ID="C1CarouselItem5" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/5" Caption="Sport 5"> </cc1:C1CarouselItem> <cc1:C1CarouselItem ID="C1CarouselItem6" runat="server" ImageUrl="http://lorempixum.com/750/300/sports/6" Caption="Sport 6"> </cc1:C1CarouselItem>

   各 C1CarouselItem に対して以下のプロパティを設定することに注意してください。

   • ID： サーバー側コントロールに割り当てられるプログラム識別子を取得または設定する。
   • ImageUrl： カルーセル項目の画像 URL。
   • Caption： カルーセル項目のキャプション。
   
   
3. アプリケーションを実行して、ページが次の画像のように表示されていることを確認します。

   

   追加したキャプションが表示されていることを確認してください。

4. 画像を移動するには、〈前へ〉および〈次へ〉ボタンを押します。

この手順では、C1Carousel コントロールにコンテンツを追加しました。次の手順では、コントロールの外観と動作をカスタマイズします。