article:
Website: Template Business Company
article:
Creative Website: The Expressive Web

JS Plugin: jslider

Advertisement

"jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android. Below you can find demos."

Plugin: jslider



Demos

1.
Plugin: jslider

  1. {
  2. from:5,
  3. to:50,
  4. step:2.5,
  5. round:1,
  6. format:{ format:'##.0', locale:'de'},
  7. dimension:' €'
  8. }


2.
Plugin: jslider

  1. {
  2. from:5000,
  3. to:150000,
  4. heterogeneity:['50/50000'],
  5. step:1000,
  6. dimension:' $'
  7. }


3.
Plugin: jslider

  1. {
  2. from:0,
  3. to:500,
  4. heterogeneity:['50/100','75/250'],
  5. scale:[0,'|',50,'|','100','|',250,'|',500],
  6. limits:false,
  7. step:1,
  8. dimension:'&nbsp;m<small>2</small>'
  9. }


4.
Plugin: jslider

  1. {
  2. from:1,
  3. to:30,
  4. heterogeneity:['50/5','75/15'],
  5. scale:[1,'|',3,'|','5','|',15,'|',30],
  6. limits:false,
  7. step:1,
  8. dimension:'',
  9. skin:"blue"
  10. }


5.
Plugin: jslider

  1. {
  2. from:480,
  3. to:1020,
  4. step:15,
  5. dimension:'',
  6. scale:['8:00','9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00'],
  7. limits:false,
  8. calculate:function( value ){
  9. var hours =Math.floor( value /60);
  10. var mins =( value - hours*60);
  11. return(hours <10?"0"+hours : hours)+":"+( mins ==0?"00": mins );
  12. },
  13. onstatechange:function( value ){
  14. console.dir(this);
  15. }
  16. }




source
download

Advertisement
Tags: plugin, jquery, design, layout, develop, slider, mobile, ihone, android

Leave a Comment

No Comment

© Creative3x Ltd.