Chciałem dostosować suwak JQueryUI, ale nie mogę znaleźć żadnego sposobu zmiany obrazów suwaka. JQuery Themeroller również nie pozwala na zmianę obrazów uchwytów. Czy ktoś wie, jak to zrobić?Zmiana obrazu uchwytu suwaka
Wtyczka jQuery UI Slider używa jQuery UI CSS Framework projektować swoje wygląd, w tym kolorów i tekstury tła. Polecamy za pomocą narzędzia ThemeRoller, aby utworzyć i łatwo tworzyć i utrzymywać niestandardowe motywy, które są łatwe.
Jeśli głębszy poziom dostosowania jest potrzebne są specyficzne widget klas przywoływane w ui.slider.css stylów, które mogą być modyfikowane. Te klasy są pożywką pogrubioną czcionką poniżej.
W tym konkretnym przypadku, chcesz przyjrzeć elementu z nazwy klasy ui-slider-handle.
Element domyślny uchwyt suwaka ma następujące ClassNames zastosować do niego:
Spójrz na CSS odpowiadający tym klasom i najprawdopodobniej będziesz mógł edytować wszystko, czego potrzebujesz.
Sugeruję również zainstalowanie Firebug. Ta wtyczka do Firefoksa znacznie ułatwi ci wykonywanie takich zadań.
#demo-frame > div.demo {
padding: 10px !important;
float: left;
}
.contentContainer {
float: left;
width: 400px;
height: 500px;
overflow: hidden;
}
.ui-slider-vertical .ui-state-default {
border: none;
width: 28px;
height: 82px;
background: transparent url(volume_bar/shattle.png) no-repeat 0 0;
}
.ui-slider-vertical .ui-slider-handle {
left: 0;
margin-bottom: -41px;
margin-left: 0;
}
.ui-slider-range, .ui-widget-header, .ui-slider-range-min {
background: none;
}
#slider-vertical, .ui-slider {
border: none;
width: 50px;
height: 50px;
background: transparent url(volume_bar/track-bg.png) repeat-y 0 0;
}
ktoś zapytał w sekcji komentarzy dla próbki kodu css tak oto jeden kiedyś zmienić uchwyt i pasek przewijania obrazu tła na własną niestandardową png plików graficznych. Upewnij się, że wstawiłeś css PO jquery ui css w sekcji nagłówka.
Nie mogę znaleźć odniesienia do obrazu dla uchwytu suwaka. Co gorsza, nie mogę nawet znaleźć obrazu uchwytu w folderze/obrazie! - obecnie nie mam absolutnie żadnych wskazówek, skąd pochodzą uchwyty! –
OK, w końcu znalazłem właściwości szerokości/długości/rogu tworzące bieżące uchwyty. Mogę również zmienić obraz tła. Myślę, że teraz powinno działać. –
@Crimson - Jeśli masz czas, byłoby świetnie, gdybyś mógł umieścić CSS, którego użyłeś do zmiany obrazu uchwytu w odpowiedzi na to pytanie. Mam ten sam problem, ale nie mogę uruchomić żadnego CSS. – Tom