Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Slider z jQuery
#1
Witam serdecznie, korzystam z jQuery UI, konkretnie ze slidera:
Kod:
<script>
jQuery( document ).ready(function() {
jQuery(".slider").slider({
});
});
html

<div id="slider"></div>
</script>

Slider się ładnie wyświetla - mam natomiast problem następujący: w sieci jest mnóstwo przykładów jego użycia. Ja potrzebuje jednego konkretnego - jeśli ktoś się natknął na taki proszę o link.

Mianowicie:
Chcę mieć jeden suwak z dwoma wartościami na każdym z końców, ale uwaga te wartości to nie proste min,max - tylko z lewej strony jest maksymalna wartość np. 3400 a z prawej maksymalna 350, i przesuwając slider poczynając od środka w lewą stronę zwiększam wartość po lewo a zmniejszam po prawo i odwrotnie, przesuwając więc suwak maksymalnie w lewo po lewej stronie będę miał owe 3400 a po prawej powinno być 0. Oczywiście na początku obie wartości są równe 0. Zastanawiam się czy da się to załatwić faktycznie jednym sliderem.

Poglądowo

start
0 <---------------||-------------->0

w lewo
2900 <----||-------------------->130

w prawo
900 <----------------------||---->340

Będę wdzięczny za pomoc
Odpowiedz
#2
Patrząc na twoje rysunki trochę tego nie rozumiem.
Suwak jest na środku i mam 0,0.
Przesuwam suwak w lewo, i dodaje mi lewo i prawo.
Przesuwam w prawo i dodaje mi prawo i lewo Smile
Wychodzi na to, że w którą stronę bym nie przesunął suwaka to powinno dodawać mi obie wartości, ale tylko w samym mogę ustawić 0 Big Grin

To chyba powinno być tak:
- Pasek powiedzmy ma wartość 0-100 (załóżmy)
- Po lewej stronie masz diva z wartością A, po prawej z B (to są oddzielne byty, nie suwak)
- Przesuwasz pasek i wartość ze slidera do A dodajesz, od B odejmujesz i wicewersa.
- Ujemne wartości zamieniasz na 0

start
0 <---------------||-------------->0

w lewo
2900 <----||--------------------> -400 = 0

w prawo
-400 = 0 <----------------------||----> 2900
Odpowiedz
#3
Racja na tym pierwszym moim rysunku powinno być tak:

start
max(3500) <---------------||-------------->0 (max 400)

A co do Twojej wypowiedzi to w sumie jest to samo tylko inaczej powiedziane, masz może albo natchnąłeś się na jakiś przykład tego typu w sieci?
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Slider w JS Xaoo 1 3,163 06-04-2017, 19:47
Ostatni post: luterjox
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,224 28-04-2016, 00:24
Ostatni post: mubi
  jquery? mordrag 0 2,336 29-03-2015, 17:44
Ostatni post: mordrag
  aby funkcja JQuery zadzialala po okreslonym czasie Arnimarl 2 3,819 25-05-2014, 07:38
Ostatni post: Arnimarl
  Slider na blogspota niedzwiedzthegamer 0 2,344 11-04-2014, 23:36
Ostatni post: niedzwiedzthegamer

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl