Published:
05 Jan 2010
|
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):
31167/
51
|
|
|
|
| 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
|
|
|
|
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
|
|
|
