Skip Navigation LinksHome > Categories > Code from a Category

Slide Show Extender in ASP.NET


User Name: codelecturer
Name: Mike Chauhan
Contact Me: www.datawebcoder.com/ContactUs.aspx
Home Page: www.datawebcoder.com
6 years of total IT experience including programming, application development, System Maintenance . 3 years of Experienced and expertise in .Net Framework VB, Visual Basic.Net, ASP.Net 2.0, 3.5 and AD... [More]
Viewed Times: 395
Add Date: 11/18/2011
In this article, I will show you step by step procedure, how to use a Slide Show Extender in ASP.NET using Visual Studio 2005 or Visual Studio 2008.
To follow this code sample, you must use Visual Studio 2005 or Visual Studio 2008.I have used to comment HTML part of the code.
Note: Slide Show Extender is a part of AjaxControlToolkit.

To attach right click on the toolbox under Ajax Extensions and select Choose Items - > Browse Button - > select the AjaxControlToolkit.dll. If you are using Visual Studio 2008, you may not need AJAX Toolkit but if you are using Visual Studio 2005, you will need to download it from http://www.msdn.com/ or http://www.asp.net/.

Step 1. Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008
Step 2. Now go to File Menu -> New -> Web Site
Step 3.Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE -> Choose File System from the location combo box -> Set the path by the browse button - > Choose the language from the Language ComboBox (Visual C# , Visual Basic , J #)
Choose Visual C#
Step 4. Click on the OK Button.
This is the source code window and in this page you will se this code.


our page title in between title tag ->
our web controls like buttons, labels, picture Box, ImageMap etc –>
See here is a tab named Design in the bottom of this page.
Step 5. Click on this tab and you will see a blank web page where you can drag any control from the toolbox (which is in the left side of this window).

Step 6. Drag One label then one image then one label then Three Button Controls (Please drag controls in the this series) to the designer from Toolbox by clicking Button, image and Label control in the Toolbox and dropping them to the page designer.

Step 7. Now drag some controls under the AJAX Extensions.

First control you are going to drag and drop on the page is - Script Manager.Then drag a Control ,But please be in sequence when dragging the controls.

Here I have paste 10 images in solutions explorer so you have to also paste 10 images or you can use less images but when writing this code specify your images names.. first add a tag on the top of your source code window:


Write this code Under the form tag,

Now write this code under the title tag



Step 8. Don’t be frustrate on seeing this code please read carefully its very simple.
Step 9. Now run your web site by Ctrl + F5

Output
Step 10. When you run the SlideShowExtender will seem like this... and the images will change dynamically


Step 11. Close Browser
Step 12. Close Visual Studio.
Somesh Batra
Comment #:  35 Replay this Comment Reply this comment Posted on: 1/3/2012

Very informative post. Its really helpful for me and beginner too. Check out this link too its also having a nice post with wonderful explanation on Ajax Toolkit SlideShowExtender Control in ASP.Net...

Ajax Toolkit SlideShowExtender Control in ASP.Net



Thanks

Post a Comment
Name: (Optional)
Email: (Optional, you can get an email if somebody replys your comments)*
Email me if somebody respons my comment below:
Details**:
Enter Text
as Below: 		(case insensitive, if hard to read, click the "get a new one" button)
 
    
* Your email address will not be shared with any third parties for any reason.
** Maximum 1000 charactors.