jquery单击按钮更改div形状

-2

我正在将用户上传的图像显示到div中。有四个方形，风景，肖像和全景形状的按钮。用户可以改变div的形状，并根据自动设置的div形状图像。但我没有找到任何jQuery或与形状相关的任何东西。我想当用户点击方形按钮div形状变化根据此和风景，肖像，全景相同。我不知道如何开始这个。请帮忙。这是代码，我附上了截图。在这个我的图像不是根据高度和宽度切割，并且当我点击square时，它左对齐中心位置。请参阅截图。 $（ “＃方”）。点击（函数（）{jquery单击按钮更改div形状

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


});

来源

2013-04-08 user1523311

您需要设置高度和按钮DIV的宽度单击 – 2013-04-08 05:30:10

可以请你告诉我在jQuery的任何例子吗？ – user1523311 2013-04-08 05:33:38

以及你问这样的问题之前应该搜索，许多已经给你的问题的答案已经 – 2013-04-08 05:35:26

根据您的要求

$(document).ready(function() { 

    $("#btnSquare").click(function(){ 
     $("#div").width(100).height(100); 
    }); 

$("#btnlandscape").click(function(){ 
     $("#div").width(300).height(400); 
    }); 

$("#btnportrait").click(function(){ 
     $("#div").width(400).height(300); 
    }); 

$("#btnpanoramic").click(function(){ 
     $("#div").width(100).height(100); 
    }); 
});

来源

2013-04-08 05:34:25 Shwet

设置height width使用onclick Jquery CSS

，改变图像Div的CSS属性。并使其成为方形或任何你想制作

来源

2013-04-08 05:35:00 muneebShabbir

你需要使用css方法来改变尺寸div。例如：

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-08 05:44:08 dfsq

jquery单击按钮更改div形状

回答

相关问题