Friday, November 16, 2012

XML Slider

JavaScript - XML Slider - CodeCanyon

XML Slider his title this type of JavaScript/ImagesandMedia This time I will review,made by ser-html, JavaScript/ImagesandMedia is sold at a price of $5 in CodeCanyon. XML Slider - CodeCanyon Item for Sale javascript // jquery // navigation // slider // sliding // xml // xml slider //
Created 17 December 09
Last Update 17 December 09
Compatible Browsers Firefox, IE6, IE7, IE8, Opera, Safari
JS Library jQuery 1.3
Files Included CSS, HTML, JavaScript JS
More Info...XML Slider ..

XML Slider is a very powerful JQuery plugin that lets you easily create powerful Javascript slideshow.

Requirements:

  1. Javascript Enabled
  2. Jquery Library
  3. XML File

Key Features:

  1. Easy to setup, all you need is simple XML knowledge …
  2. Customizable size , position , buttons …
  3. You can use many types of effects
  4. Easy CSS customization
  5. Compatible with all commonly used browsers including IE6
  6. Customizable navigation buttons (Play, Pause, Forward, Backward)
  7. 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 v 2.0 :: 21 – 2 – 2010

  1. Jquery library has been upgraded to 1.4
  2. Major Improve on XML -SLIDER performance
  3. IE 7 /8 margin:0 auto bug has been fixed
  4. Easing is now available!
  5. 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 slider

EXAMPLE 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 one

EXAMPLE 1 : To turn on random option.

 $("#info").xmlSlider({ 'xmlFile':"xml/sample.xml", 'random':true }); 

PLEASE IF YOU LIKE IT , BUY IT :P AND DON ’T FORGET TO RATE IT :P

No comments:

Post a Comment