0

私は画像のアップロードに取り組んでおり、画像のサイズをインチとセンチメートルで選択するオプションがあります。ユーザーがインチを選択すると、15*12、30*20 のようなサイズのボタンを含む div ディスプレイが表示され、ユーザーがセンチメートルを選択すると、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

インチやセンチメートルなどの異なる単位で幅と高さを設定することは完全に合法です。あなたがすることは"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 に答える
0

ボタンからコンテンツを解析し、画像サイズを設定するには-

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