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

回答