jQuery UI滑块调整图像大小

我想制作一个jQuery UI滑块，以调整图像大小。但是，图像大小从来不相同，所以我想调整比例的百分比。以下是我迄今所做的：http://jsfiddle.net/Au3kk/jQuery UI滑块调整图像大小

我试过，但它并没有对事件的工作：

width : ($(this).css('width')) + (ui.value + "%");

我是新的JavaScript，我希望你不会来和我一起努力。非常感谢。

2014-01-20 casusbelli

如何储存关原宽度：

var orginalWidth = $("#image").width();

，然后使用：

$("#image").width(orginalWidth * (1 + ui.value/100));

2014-01-20 22:58:03

非常感谢您的回答，这就是我一直在寻找的。我只是不明白为什么宽度（）调整高度以及。无论如何，它的作品！谢谢 – casusbelli

@casusbelli - 不客气。我注意到关于高度调整的问题。这是你想要或不想要的东西吗？ –

那么，你的代码就像我想要的那样工作。我想知道如何使用width（）方法更改我的图像的** height（）**值。我希望您明白我的意思。 – casusbelli

您需要修改这条线，从

$("#image").css({ width : ($(this).css('width')) + (ui.value + "%"); });

到

$('#image').css('width',ui.value+'%');

，如果你删除命令的最后一部分（+ '％'）的图像会以像素为单位调整。请注意，百分比增加的值必须大于0（其中0表示不可见），但它可以高于100％。在您的示例中，您已将最小值设置为-50，最大值设置为50.

同样使用命令$(this).css，您尝试读取触发事件的元素的css（在此实例中为滑块）而不是实际的图像css

2014-01-20 23:07:43

感谢您的帮助。 – casusbelli

回答