Question

我正在使用this精彩的jQuery Slider插件，该插件针对移动设备进行了优化，并且在刻度和数字方面效果非常好。

现在我想增加手柄和滑块本身，有人知道怎么做吗？

Answer 1

你需要编辑图像资源和.css文件，下面是你要编辑的css的一部分..

//---------------------------------------------//
   .jslider .jslider-pointer {
    width: 13px;//<--  increase the width here to match your new image...
    height: 15px;//<--  increase the height here to match your new image...
    background-position: 0 -40px; // you'll be editing this here as well based on what changes you make to the image, which is a imagemap of multiple different distinct image elements in jslider. any changes here need to be applied throughout to other elements
    position: absolute;
    left: 20%;
    top: -4px;
    margin-left: -6px;
    cursor: pointer;
    cursor: hand;
    }
//---------------------------------------------//
    .jslider .jslider-bg i, .jslider .jslider-pointer {
    background: url(../img/jslider.png) no-repeat 0 0;//<-- edit this image to the dimensions you need
    }
//---------------------------------------------//

Safari jQuery Slider插件的大小

1 个答案: