ipywidgets上的自定义手柄滑块

时间:2018-10-04 15:57:58

标签: jupyter-notebook ipywidgets

我正在尝试在ipywidgets上使用自定义手柄滑块。 我可以使用此html中的自定义图片制作内置滑块的手柄按钮吗?

谢谢..

%%html
<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
  <style type="text/css">
  .ui-slider-horizontal .ui-state-default {background: white url(https://i.imgur.com/tWV4dgK.png) no-repeat scroll 50% 50%;}
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#slider").slider();
  });
  </script>
</head>
<body>
<div id="slider"></div>
</body>
</html>

0 个答案:

没有答案