2012-02-28 1 views
0

Après cet échantillon de diaporama asp.net ajax:asp.net diaporama ajax ne fonctionne pas si le bouton de lecture est invisible

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

avec cet extrait de code:

<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" /> 

Je ne voulez définir le diaporama à la lecture automatique, donc je définis: AutoPlay = "false" et je veux seulement deux boutons: précédent (prevButton) et next (nextButton) visible. Par conséquent, j'ai rendu le bouton visible: playButton avec la propriété: Visible = "false" mais le diaporama fonctionne correctement.

Comment rendre le playButton invisible et le diaporama fonctionne-t-il toujours?

Merci d'avance.

Répondre

1

Ne définissez pas la propriété Visible sur false car cela la rendrait impossible à afficher sur la page (je pense). Au lieu de cela, placez-le playButton dans un div avec display:none; quelque chose comme ceci:

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

EDIT: Vous pouvez facilement mettre en œuvre l'ensemble diaporama en étapes très simples à l'aide javascript. See this jsfiddle

+0

bonne solution! cela fonctionne – olidev

+0

@lcarus, savez-vous comment puis-je faire les deux boutons suivant et précédent invisible s'il n'y a pas d'images disponibles? Merci d'avance. – olidev

+0

@devn Non, malheureusement je ne sais pas et je ne pense pas que cela puisse être fait à partir du balisage seul (au moins les docs ne le mentionnent pas). Mais vous pourriez le faire vous-même très facilement. Voir mon jsfiddle pour un exemple sur la façon de le faire entièrement sur javascript. Si vous avez besoin que les images soient dynamiques, faites simplement une requête ajax à un service web et renvoyez toute la liste des images en une seule fois (c'est ce que fait le "extendeur") – Icarus

Questions connexes