In this topic you will add some list items to a panel which will later become a carousel.

1. In your Web application, add a standard Panel control to the main content of  your page.
2. In the Panel, add some images to an unordered list. For example, the XAML might look like the following:

<asp:Panel ID="Panel1" runat="server" Width="281px">

<ul class="">

            <li class=""><a href="http://lorempixel.com/400/200/sports/1">

                <img alt="1" src="http://lorempixel.com/400/200/sports/1" title="Word Caption 1" />

            </a></li>

            <li class=""><a href="http://lorempixel.com/400/200/sports/2">

                <img alt="2" src="http://lorempixel.com/400/200/sports/2" title="Word Caption 2" />

            </a></li>

            <li class=""><a href="http://lorempixel.com/400/200/sports/3">

                <img alt="3" src="http://lorempixel.com/400/200/sports/3" title="Word Caption 3" />

            </a></li>

            <li class=""><a href="http://lorempixel.com/400/200/sports/4">

                <img alt="4" src="http://lorempixel.com/400/200/sports/4" title="Word Caption 4" />

            </a></li>

            </ul>  

</asp:Panel>

Add a C1CarouselExtender to the page in the next step.