Here is what every other tutorial for the SlideShowExtender for the ASP.NET AjaxControlToolkit produced:
So why not just use JQuery you might ask?
1. I don't believe in rewriting code that is already well designed. That is like wiping my ass with hard earned $100 bills.
2. The SlideShowExtender has some really cool functionality that I haven't found in the JQuery controls.
Regardless, here is how to extend the control to use paging buttons that you can easily customize to look as you please with CSS. I didn't do any pretty stuff here-- just the secret to making it work.
I am assuming that you already have your slideshow extender on the page and working as all the other 5000 tutorials on the subject show you how to do. Here is the key addition:
<div style="text-align: center; "> <div class="SlideShowMainTitle"> <asp:Label ID="lblSlideTitle" runat="server"></asp:Label> </div> <div class="SlideShowImage"> <asp:Image ID="imgSlide" runat="server" /> </div> <div class="SlideShowSubTitle"> <asp:Label ID="lblSlideDescription" runat="server"></asp:Label> <br /> <asp:Repeater ID="rpPagingButtons" runat="server" OnItemDataBound="rpPagingButtons_OnItemDataBound"> <ItemTemplate> <a ID="lbtnPager" runat="server"></a> </ItemTemplate> </asp:Repeater> </div> <asp:SlideShowExtender ID="slExtender" runat="server" AutoPlay="true" Loop="true" PlayInterval="3000" TargetControlID="imgSlide" ImageTitleLabelID="lblSlideTitle" ImageDescriptionLabelID="lblSlideDescription" SlideShowServiceMethod="GetSlides" SlideShowServicePath="~/WebServices/SlideShowService.asmx"> </asp:SlideShowExtender> </div>
Then in the code behind: