Reference

วิดีโอสอนเขียนโปรแกรม Step-By-Step โดยมีสอนตั้งแต่พื้นฐาน

 

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method

  slider ( options )	ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ slider
  disabled	ใช้กำหนดสถานะของการ slider ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)
  animate	ใช้กำหนดลักษณะของการ animate ได้แก่ slow, normal, fast หรือ เลขในหน่วย millisecond (default=false)
  max	ให้กำหนด ค่าสูงสุด ของ slider (default=100)
  min	ให้กำหนด ค่าต่ำสุด ของ slider (default=0)
  orientation	ใช้กำหนดว่าต้องการให้เป็น slider แบบ horizontal หรือ vertical (default=horizontal)
  range	ใช้กำหนดค่า range (default=false)
  step	ใช้กำหนด value ที่เพิ่มขึ้น แต่ละครั้งของการ slide (default=1)
  value	ใช้กำหนด value ของ slider (defualt=0)
  start	ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลังเริ่มต้น slide
  slide	ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลัง slide อยู่
  change	ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ slider เปลี่ยนแปลง
  stop	ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider หยุดการ slide

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • slider ( options )

  syntax :

  slider ( options )

  
  return type :

  void, element

  
  content :

  ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ slider 
  โดย options ให้กำหนดค่า config ต่างๆ ให้กับการ slider ได้แก่
  disabled, animate, max, min, orientation, range, step, value, 
  start, slide, change, stop

  
  example :

  $("div#slider").slider ( { max: 50 } );
  var maxValue = $("div#slider").slider ( "option", "max" ); // ใช้คืนค่าข้อมูลของ property ที่กำหนด
  $("div#slider").slider ( "option", "max", 50 ); // ใช้กำหนดค่าให้กับ property ที่กำหนด

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • disabled

  config :

  disabled

  
  return type :

  boolean

  
  content :

  ใช้กำหนดสถานะของการ slider ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)	

  
  example :

  $("div#slider").slider ( { disabled: true } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • animate

  config :

  animate

  
  return type :

  boolean, string, number

  
  content :

  ใช้กำหนดลักษณะของการ animate ได้แก่ slow, normal, fast หรือ เลขในหน่วย millisecond (default=false)

  
  example :

  $("div#slider").slider ( { animate: "fast" } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • max

  config :

  max

  
  return type :

  number

  
  content :

  ให้กำหนด ค่าสูงสุด ของ slider (default=100)

  
  example :

  $("div#slider").slider ( { max: 10 } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • min

  config :

  min

  
  return type :

  number

  
  content :

  ให้กำหนด ค่าต่ำสุด ของ slider (default=0)

  
  example :

  $("div#slider").slider ( { min: 1 } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • orientation

  config :

  orientation

  
  return type :

  string

  
  content :

  ใช้กำหนดว่าต้องการให้เป็น slider แบบ horizontal หรือ vertical (default=horizontal)

  
  example :

  $("div#slider").slider ( { orientation: "vertical" } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • range

  config :

  range

  
  return type :

  boolean, string

  
  content :

  ใช้กำหนดค่า range (default=false)

  
  example :

  $("div#slider").slider ( { range: true } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • step

  config :

  step

  
  return type :

  number

  
  content :

  ใช้กำหนด value ที่เพิ่มขึ้น แต่ละครั้งของการ slide (default=1)

  
  example :

  $("div#slider").slider ( { step: 2 } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • value

  config :

  value

  
  return type :

  number

  
  content :

  ใช้กำหนด value ของ slider (defualt=0)

  
  example :

  $("div#slider").slider ( { value: 5 } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • start

  config :

  start

  
  return type :

  function

  
  content :

  ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลังเริ่มต้น slide
  โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ

  
  example :

  $("div#slider").slider ( { start: function(event,object) { alert ( "slide start" ); } } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • slide

  config :

  slide

  
  return type :

  function

  
  content :

  ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลัง slide อยู่
  โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ

  
  example :

  $("div#slider").slider ( { slide: function(event,object) { alert ( "slide slide" ); } } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • change

  config :

  change

  
  return type :

  function

  
  content :

  ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ slider เปลี่ยนแปลง
  โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ

  
  example :

  $("div#slider").slider ( { change: function(event,object) { alert ( "slide change" ); } } );

  
  

• • Reference
  • ::
  • jQuery
  • ::
  • Slider Method
  • ::
  • stop

  config :

  stop

  
  return type :

  function

  
  content :

  ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider หยุดการ slide
  โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ

  
  example :

  $("div#slider").slider ( { stop: function(event,object) { alert ( "slide stop" ); } } );