更改圖片移動線（js）

Question

我想創建一個包含兩個圖片的div（例如，圖片中顯示的正方形和圓形）;和一個可移動的垂直線，將切割一個圖像，並顯示另一個。我如何在JS/jQuery中做到這一點？

Answer 1

它可以很容易地可以通過使用.draggable jQuery函數來完成：

$('.divider').draggable({ 
    axis: 'x', 
    drag: function(e, ui) { 
    $('.right').width(100 - ui.position.left); 
    $('.yellow').css('right', ui.position.left); 
    } 
}); 

http://codepen.io/anon/pen/qOvVjd