+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Slider z jQuery (/thread-slider-z-jquery)
Slider z jQuery - lomek - 18-10-2013
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
RE: Slider z jQuery - Kartofelek - 18-10-2013
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
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
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
RE: Slider z jQuery - lomek - 19-10-2013
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?