JSFiddle

  • ion.rangeSlider test playground #10 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range1 = $(".js-range-slider-1"),
        $range2 = $(".js-range-slider-2"),
        $toggle = $(".js-tgl");
    
    $range1.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 800
    });
    $range2 ...
  • ion.sound playground #12 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $play = $(".js-play"),
        $play_at_once = $(".js-play-at-once");
    
    ion.sound({
        sounds: [
            {
                name: "button_click"
            },
            {
                name: "bell_ring",
                volume: 0.3
            }
        ],
        path: "http://ionden.com/a ...
  • ion.rangeSlider test playground #5 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $reset = $(".js-reset"),
        default_from = 300,
        default_to = 800;
    
    $range.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: default_from,
        to ...
  • ion.rangeSlider test playground #15 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $update1 = $(".js-update-1"),
        $update2 = $(".js-update-2"),
        $update3 = $(".js-update-3"),
        values = ["a","b","c","d","e","f","g"];
    
    $range.ionRangeSlider({
        type ...