0

我正在处理图像上传，我可以选择以英寸和厘米为单位的图像大小。当用户选择英寸时，其 div 显示大小为 15*12、30*20 的按钮，当用户选择厘米时，div 显示为 38cm*28cm、78cm * 56cm。单击英寸和厘米按钮会显示 div。但是我如何根据所选按钮设置大小。我希望当用户选择 15*12 时，图像在 div 中带有这个尺寸。这是显示和隐藏英寸和厘米 div 的代码。

$(function () {
    var tabContainers = $('div.tabs > div');

    $('div.tabs ul.tabNavigation a').click(function () {
        tabContainers.hide().filter(this.hash).show();

        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');

        return false;
    }).filter(':first').click();
});
4

2 回答 2

0

从 botton 解析内容并设置图像大小-

$("#imageID").attr("width",width);
$("#imageID").attr("height",height);
于 2013-04-04T05:11:04.150 回答
0

用英寸和厘米等不同单位设置宽度和高度是完全合法的。您所做的只是说"3in"3 英寸或"10cm"10 厘米。（您可以在 CSS 和 jQuery 中执行此操作。）

/* valid CSS */
img {
    width: 3in;
}

// valid jQuery
$("img").width("3in");

这里有一些简单的 HTML 和 jQuery，看看如何设置某些东西的大小以响应点击事件。

<img id="myImg" src="path/to/image.jpg" alt="...">
<button data-width="15in" data-height="20in">15 x 20</button>
<button data-width="20in" data-height="30in">20 x 30</button>

// Every time a <button> is clicked, resize the image to the dimensions
// given in the data-width and data-height attributes.
$("button").on("click", function () {
    var $button = $(this);
    $("#myImg").width( $button.data("width") ).height( $button.data("height") );
});
于 2013-04-04T06:02:49.747 回答