XML Slider is a very powerful JQuery plugin that lets you easily create powerful Javascript slideshow. Requirements: Javascript Enabled Jquery Library XML File Key Features: Easy to setup, all you need is simple XML knowledge … Customizable size , position , buttons … You can use many types of effects Easy CSS customization Compatible with all commonly used browsers including IE6 Customizable navigation buttons (Play, Pause, Forward, Backward) PDF documentation that makes it even easier to setup XML Slider Demo Click on Live preview to test Xml-Slider but keep in mind the Demo is just for testing, it’s not the complete version of XML -Slider
XML Slider is a very powerful JQuery plugin that lets you easily create powerful Javascript slideshow.
Requirements:
- Javascript Enabled
- Jquery Library
- XML File
Key Features:
- Easy to setup, all you need is simple XML knowledge …
- Customizable size , position , buttons …
- You can use many types of effects
- Easy CSS customization
- Compatible with all commonly used browsers including IE6
- Customizable navigation buttons (Play, Pause, Forward, Backward)
- PDF documentation that makes it even easier to setup XML Slider
Demo
Click on Live preview to test Xml-Slider butkeep in mind the Demo is just for testing, it’s not the complete version of XML -Slider.
XML -SLIDER v 2.0 :: 21 – 2 – 2010
- Jquery library has been upgraded to 1.4
- Major Improve on XML -SLIDER performance
- IE 7 /8
margin:0 auto
bug has been fixed - Easing is now available!
- New Random Option!
Easing
You can now use easing with XML -SLIDER, as default easing value is random.How to use easing
All you have to do is to add easing option to the sliderEXAMPLE 1 : To use one easing option.
$("#info").xmlSlider({ 'xmlFile':"xml/sample.xml", 'easing':new Array("easeInOutBounce") });
EXAMPLE 2 : To use set of easing options.
$("#info").xmlSlider({ 'xmlFile':"xml/sample.xml", 'easing':new Array("easeInBounce","easeOutBounce","easeInOutBounce") });
Random
All you have to do is to add random option to the slider,then the slider will move randomly between the images not one by oneEXAMPLE 1 : To turn on random option.
$("#info").xmlSlider({ 'xmlFile':"xml/sample.xml", 'random':true });
No comments:
Post a Comment