jquery - 可调整大小的网格列，带有下一个和上一个图像

Question

我正在尝试制作一个基于网格列的网站构建器。

为了使列我想使用jQuery UI 库调整图像的宽度，我没有找到使用图像调整大小的选项。

是否可以使用next和prev图像箭头调整大小？

这里我有这个例子，但没有箭头：

$(function() {
    $( "#resizable" ).resizable({
      grid: 50
    });
});

JSFIDDLE

你能帮忙吗？

Answer 1

这里，

$('#prev').click(function(){  
     $("#resizable").css({"width": $("#resizable").width()-10});
});
$('#next').click(function(){
     $("#resizable").css({"width": $("#resizable").width()+10});
});

JSFIDDLE 演示