Jquery到Zoomin和Zoomout以及单击按钮时的图像形状

时间:2013-04-03 09:59:36

标签: php jquery

我正在进行图片上传,我需要在点击按钮时为图像和缩放以及图像的形状(如横向,纵向)添加功能。但是当我点击按钮时没有任何反应。我的代码是:

$(document).ready(function() {

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

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

}); 

1 个答案:

答案 0 :(得分:0)

我猜你错过了jQuery库:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  $(document).ready(function() {
    var imagesize = $('img').width();
    alert(imagesize);
    $('#zoomout').on('click', function() {
        imagesize = imagesize - 5;
        $('img').width(imagesize);
    });

    $('#zoomin').on('click', function() {
        imagesize = imagesize + 5;
        $('img').width(imagesize);
    });
  });
</script>

尝试在此脚本之前添加库。