php - ズームインとズームアウト、およびボタンのクリック時の画像の形状に対する Jquery

Question

私は画像のアップロードに取り組んでおり、ボタンをクリックしたときに画像のズームインとズームアウト、および形状 (横長、縦長など) に機能を追加する必要があります。しかし、ボタンをクリックしても何も起こりません。私のコードは次のとおりです。

$(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);
    });

}); 

Answer 1

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>

このスクリプトの前にまずライブラリを追加してみてください。