jquery 幻灯片动画自动化

Question

当您单击滑块并将其拖动一半或更多时，图像会发生变化。只有当鼠标点击被释放时图像才会改变。是否可以在用户无需松开鼠标的情况下进行更改？

请查看codepen文件：http://codepen.io/seantreanor/pen/zGapYW

$(function() {
    $( "#slider" ).slider({
        min: 0,
        max: 100,
        step: 1,
        change: function(event, ui){
            if(ui.value <=49){
                $('#image').attr('src','http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg');
            } else if(ui.value >=50) {
                $('#image').attr('src','http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg');
            };
        }
    });
});

Answer 1

使用 slide 而不是 change。 API Docs

jquery 幻灯片动画自动化

jquery slide animation automated

jquery

user-interface

slider