-2

ユーザーがアップロードした画像をdivに表示しています。div の正方形、横長、縦長、パノラマ形状の 4 つのボタンがあります。ユーザーは、自動的に設定された div 形状イメージに従って、div の形状を変更できます。しかし、jqueryや形状に関連するものは見つかりませんでした。ユーザーが四角いボタンをクリックすると、これに応じてdivの形状が変化し、ランドスケープ、ポートレート、パノラマの場合も同じです。これを開始する方法がわかりません。助けてください。これはコードで、スクリーンショットを添付しました。この画像では、高さと幅に応じて画像が切り取られておらず、正方形をクリックすると中央から左に配置されます。スクリーンショットをご覧ください。$("#square").クリック(関数(){

$(".resize-div").animate({width: 341,height: 341});


});
4

3 に答える 3

1

div のサイズを変更するには、 cssメソッドを使用する必要があります。例えば：

var dim;

switch ($(this).data('type')) {
    case 'square':
        dim = {height: 400, width: 400};
        break;

    case 'landscape':
        dim = {height: 300, width: 400};
        break;

    case 'portrait':
        dim = {height: 400, width: 300};
        break;
}

http://jsfiddle.net/z46Tt/2/

于 2013-04-08T05:44:08.420 に答える