jquery点击按钮设置图像大小

我正在上传图片，我可以选择以英寸和厘米为单位的图片大小。当用户选择尺寸为15 * 12,30 * 20的按钮时，用英寸选择英寸的div显示，当用户选择厘米时，div则为38厘米* 28厘米，78厘米* 56厘米。 div的点击英寸和厘米按钮。但我怎么可以根据选定的按钮设置大小。我希望当用户选择15 * 12时，图像以div的大小出现。这是显示和隐藏英寸和厘米div的代码。jquery点击按钮设置图像大小

$(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(); 
});

来源

2013-04-04 user1523311

从钮解析的内容和要设置图像尺寸 -

$("#imageID").attr("width",width); 
$("#imageID").attr("height",height);

来源

2013-04-04 05:11:04

这是完全合法的，设置宽度和高度不同的单位，如英寸和厘米。你所做的只是说3英寸的"3in"，或者10厘米的"10cm"。（您可以在这两个CSS和jQuery做到这一点。）

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

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

下面是一些简单的HTML和jQuery看你怎么可以在反应的东西大小设置为一个click事件。

<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-04 06:02:49 Impirator

是否有任何数据宽度和数据height属性按钮的？对我来说，它不工作，当我点击按钮。 – user1523311 2013-04-04 11:20:39

您可以将'data- *'属性添加到任何元素。这只是一种将任意数据关联到元素的便捷方式。 – Impirator 2013-04-08 23:29:50

jquery点击按钮设置图像大小

回答

相关问题