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點擊按鈕設置圖像大小

回答

相關問題