اسلایدر نمونه


							<div class="card card-custom">
								<div class="card-header">
									<h3 class="card-title">
										اسلایدر نمونه
									</h3>
								</div>
								<!--begin::Form-->
								<form class="form">
									<div class="card-body">
										<div class="form-group row mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه های پایه</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_1"/>
												</div>
											</div>
										</div>
										<div class="form-group row  mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">Min & Max Values</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<input type="hidden" id="kt_slider_2"/>
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_2"/>
												</div>
											</div>
										</div>
										<div class="form-group row  mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">پسوند</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_3"/>
												</div>
												<div class="form-text text-muted mt-5">
													Set type to double and specify range, also showing grid and adding prefix "دلار"
												</div>
											</div>
										</div>
										<div class="form-group row  mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">دامنه & گام</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_4"/>
												</div>
												<div class="form-text text-muted mt-5">
													دامنه نصب با مقادیر منفی
												</div>
											</div>
										</div>
										<div class="form-group row  mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">Fractional دامنه & گام</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_5"/>
												</div>
												<div class="form-text text-muted mt-5">
													با استفاده از مرحله کسری ، دامنه را با مقادیر کسری نصب کنید
												</div>
											</div>
										</div>
										<div class="form-group row  mb-13">
											<label class="col-form-label text-right col-lg-3 col-sm-12">با پست ثابت</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_6"/>
												</div>
											</div>
										</div>
										<div class="form-group row  mb-12">
											<label class="col-form-label text-right col-lg-3 col-sm-12">استفاده از متن</label>
											<div class="col-lg-8 col-md-9 col-sm-12">
												<div class="ion-range-slider">
													<input type="hidden" id="kt_slider_7"/>
												</div>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-9 ml-lg-auto">
												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								<!--end::Form-->
							</div>
						

						// کلاس definition

						var KTIONدامنهSlider = function () {

							// خصوصی functions
							var demos = function () {
								// basic demo
								دلار('#kt_slider_1').ionدامنهSlider();

								// min & max values
								دلار('#kt_slider_2').ionدامنهSlider({
									min: 100,
									max: 1000,
									from: 550
								});

								// custom prefix
								دلار('#kt_slider_3').ionدامنهSlider({
									type: "double",
									grid: true,
									min: 0,
									max: 1000,
									from: 200,
									to: 800,
									prefix: "دلار"
								});

								// range & step
								دلار('#kt_slider_4').ionدامنهSlider({
									type: "double",
									grid: true,
									min: -1000,
									max: 1000,
									from: -500,
									to: 500
								});

								// fractional step
								دلار('#kt_slider_5').ionدامنهSlider({
									type: "double",
									grid: true,
									min: -12.8,
									max: 12.8,
									from: -3.2,
									to: 3.2,
									step: 0.1
								});

								// using postfixes
								دلار('#kt_slider_6').ionدامنهSlider({
									type: "single",
									grid: true,
									min: -90,
									max: 90,
									from: 0,
									postfix: "°"
								});

								// using text
								دلار('#kt_slider_7').ionدامنهSlider({
									type: "double",
									min: 100,
									max: 200,
									from: 145,
									to: 155,
									prefix: "Weight: ",
									postfix: " million pounds",
									decorate_both: true
								});

							}

							return {
								// public functions
								init: function() {
									demos();
								}
							};
						}();

						jQuery(document).ready(function() {
							KTIONدامنهSlider.init();
						});
						
نوع را روی دو برابر و مشخص کردن دامنه تنظیم کنید ، همچنین شبکه را نشان می دهد و پیشوند "دیگری" اضافه می شود
دامنه نصب با مقادیر منفی
با استفاده از مرحله کسری ، دامنه را با مقادیر کسری نصب کنید

سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

انتخاب نسخه ی نمایشی

نسخه ی نمایشی 1
نسخه ی نمایشی 2
نسخه ی نمایشی 3
نسخه ی نمایشی 4
نسخه ی نمایشی 5
نسخه ی نمایشی 6
نسخه ی نمایشی 7
نسخه ی نمایشی 8
نسخه ی نمایشی 9
نسخه ی نمایشی 10
نسخه ی نمایشی 11
نسخه ی نمایشی 12
نسخه ی نمایشی 13
نسخه ی نمایشی 14
نسخه ی نمایشی 15
نسخه ی نمایشی 16
نسخه ی نمایشی 17
نسخه ی نمایشی 18
نسخه ی نمایشی 19
نسخه ی نمایشی 20
نسخه ی نمایشی 21
نسخه ی نمایشی 22
نسخه ی نمایشی 23
نسخه ی نمایشی 24
نسخه ی نمایشی 25
نسخه ی نمایشی 26
نسخه ی نمایشی 27
نسخه ی نمایشی 28
نسخه ی نمایشی 29
نسخه ی نمایشی 30