ASP.NET Slideshow Control with jQuery and XML
page 1 of 5
Published: 05 Jan 2010
Unedited - Community Contributed
Abstract
For the past few years, image sliders, slide-shows, and ad rotator scripts have become increasingly popular for web pages. There are thousands of these scripts on the Web but is difficult to find one that can fit your requirements. Ideally, you would want a script that is flexible enough for to use as an ad rotator, for slide-shows, or for image rotators with navigation controls and extract the slides information from XML file. After spending some time researching for it, I found the jQuery based slideshow with navigation controls from Dynamic Drive and the article reading-xml-with-jquery. I have put together a step by step tutorial on how I have accomplished this.
by Bryian Tan
Feedback
Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 29160/ 50

Introduction

For the past few years, the image sliders, slide-shows, and Ad Rotator scripts have become increasingly popular for web pages. There are thousands of these scripts on the Web but is difficult to find one that fit my requirements. I want a script that is flexible enough for me to use it as an Ad Rotator, slide-shows or image rotator with navigation controls and extract the slides information from XML file. After spending some time researching for it, I found the jQuery based slideshow with navigation controls from Dynamic Drive and the article reading-xml-with-jquery. I had put together these finding and a brief tutorial "jQuery slideshow with XML". Recently, I decided to encapsulate this into ASP.NET User Controls to increase reusability of code. Now, I can have multiple instances of this control on my page and I can customize the width and height, options to hide or show navigation controls, XML file source, and others setting for each instance. I have put together a step by step tutorial on how I have accomplished this.

Figure 1

 

Check List

·         Simple Controls Gallery v1.3

·         Reading XML with JQuery

·         jquery-1.3.2.min.js

 


View Entire Article

User Comments

Title: asp   
Name: jek
Date: 2011-08-26 11:30:53 AM
Comment:
not enough
Title: User Experience   
Name: Steve
Date: 2010-01-12 11:32:45 AM
Comment:
From a UX perspective, this control has a few issues. First, one has no idea that they can hover over the image to control anything... it's mystery navigation. Granted, the slide in and out looks nice, but there should probably be some sort of indication that the user is able to do things other than watch the images fly by. Second, the tooltip that pops up after hovering over the image doesn't really describe much. This may simply be just a function of the fact that this is a demo, but in production use, the tooltip should probably indicate exactly where the user will be whisked off to after they click.

Just a few thoughts. Otherwise, great tute, and terrific of you to take the time to author this.
Title: The wrong Sample!   
Name: Wagi
Date: 2010-01-12 9:11:56 AM
Comment:
Hey, nice Tutorial but it is the wrong Download Sample!

Product Spotlight
Product Spotlight 





Community Advice: ASP | SQL | XML | Regular Expressions | Windows


©Copyright 1998-2024 ASPAlliance.com  |  Page Processed at 2024-03-28 5:36:29 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search