C1Gallery コントロールへのコンテンツの追加は、とても簡単であり、さまざまな方法で行えます。この手順では、ImageUrl プロパティを使って画像にリンクします。以下の手順では、「手順 1：ページへのコントロールの追加」トピックを完了し、C1Gallery コントロールがページに追加されていることを前提にしています。
コンテンツを C1Gallery コントロールに追加するには、以下の手順を実行します。
- ソースビューで、
<cc1:C1Gallery></cc1:C1Gallery>タグの間にマウスを置き、次のマークアップを追加して、項目をコントロールに追加します。ソースビュー コードのコピー<Items></Items> -
<Items></Items>タグの間にマウスを置き、次のマークアップを追加して、C1GalleryItem をコントロールに追加します。ソースビュー コードのコピー<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/1" ImageUrl="http://lorempixum.com/200/150/sports/1" />
<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/2" ImageUrl="http://lorempixum.com/200/150/sports/2" />
<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/3" ImageUrl="http://lorempixum.com/200/150/sports/3" />
<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/4" ImageUrl="http://lorempixum.com/200/150/sports/4" />
<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/5" ImageUrl="http://lorempixum.com/200/150/sports/5" />
<cc1:C1GalleryItem LinkUrl="http://lorempixum.com/600/300/sports/6" ImageUrl="http://lorempixum.com/200/150/sports/6" />各 C1GalleryItem に対して以下のプロパティを設定することに注意してください。
- ImageUrl:ギャラリー項目の画像 URL。
- LinkUrl:ギャラリー項目のリンク URL。
- アプリケーションを実行して、ページが次の画像のように表示されていることを確認します。
- サムネイル画像をクリックして画像をナビゲートします。
この手順では、C1Gallery コントロールにコンテンツを追加しました。次の手順では、コントロールの外観と動作をカスタマイズします。