Question

Following this sample of slideshow asp.net ajax:

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/SlideShow/SlideShow.aspx

with this code snippet:

<ajaxToolkit:SlideShowExtender ID="SlideShowExtender1" runat="server" 
    TargetControlID="Image1" 
    SlideShowServiceMethod="GetSlides" 
    AutoPlay="true" 
    ImageTitleLabelID="imageTitle"
    ImageDescriptionLabelID="imageDescription"
    NextButtonID="nextButton" 
    PlayButtonText="Play" 
    StopButtonText="Stop" 
    PreviousButtonID="prevButton" 
    PlayButtonID="playButton" 
    Loop="true" /> 

I dont want to set the slideshow to autoplay so I set: AutoPlay=”false” and I want only two buttons: previous (prevButton) and next (nextButton) visible. Therefore, I made the button play visible: playButton with property: Visible=”false” but then the slideshow does work properly.

How can I make the playButton invisible and the slideshow still work?

Thanks in advance.

Answer 1

Don’t set the Visible property to false as this would make it not to be rendered on the page (I think). Instead, enclose the playButton in a div with display:none; something like this:

<div style="display:none;">
   <asp:button id="btnPLay" ... />
 </div>

EDIT:
You can easily implement the whole slideshow in very simple steps using javascript. See this jsfiddle