Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Разные ползунки в jQuery UI Slider (https://javascript.ru/forum/jquery/29122-raznye-polzunki-v-jquery-ui-slider.html)

peter888 15.06.2012 22:02

Разные ползунки в jQuery UI Slider
 
Здравствуйте!
Без лишней воды сразу к сути: надо сделать два разных ползунка (для левого одна картинка, для правого - другая) для этого скрипта: http://www.xiper.net/examples/js-plugins/ui/ui-slider/
Кто-то сталкивался с такой проблемой? Или может кто-то вдел где-то уже реализованный пример?
А то там общий стиль как для левого, так и для правого ползунка, и даже id у них нету, чтобы зацепится..
Помогите плиз..

Deff 15.06.2012 22:41

peter888,
В низ страницы
<style>
#FirstA{ 
background: url(http://mybb.ru/f/collection/0213.gif) no-repeat transparent!important;
}
#LastA{ 
background: url(http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif) no-repeat transparent!important;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("div.ui-slider").find("a.ui-slider-handle:first").attr("id","FirstA")
$("div.ui-slider").find("a.ui-slider-handle:last").attr("id","LastA")
})
</script>

peter888 15.06.2012 23:12

Цитата:

Сообщение от Deff (Сообщение 181766)
peter888,
В низ страницы
<style>
#FirstA{ 
background: url(http://mybb.ru/f/collection/0213.gif) no-repeat transparent!important;
}
#LastA{ 
background: url(http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif) no-repeat transparent!important;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("div.ui-slider").find("a.ui-slider-handle:first").attr("id","FirstA")
$("div.ui-slider").find("a.ui-slider-handle:last").attr("id","LastA")
})
</script>

Большое спасибо! То что надо.


Часовой пояс GMT +3, время: 08:45.