Jquery放大缩小

时间:2012-11-10 17:55:06

标签: javascript jquery html css jquery-plugins

我正在尝试放大缩小按钮,这些按钮可放大和缩小div内的图片。问题是当按下放大或缩小图片从div中出来时。我想我做得不对。

image.height = image.height+50
image.width= image.height+50

如果有人能给我任何提示或代码示例,我将不胜感激。

2 个答案:

答案 0 :(得分:5)

http://janne.aukia.com/zoomooz/

请参阅此文章了解详细信息,它将为您提供所需的结果

答案 1 :(得分:3)

这是一个简单的设置...

查看此FIDDLE

var imagesize = $('img').width();

$('.zoomout').on('click', function(){
    imagesize = imagesize - 5;
    $('img').width(imagesize);
});

$('.zoomin').on('click', function(){
    imagesize = imagesize + 5;
    $('img').width(imagesize);
});