jquery get image width in an ajax callback

Question

How to get image size in an ajax callback? it returns value 0.

index.php

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#click').click(function(){
        $.ajax({
        url: "result.php", 
        dataType: "html",
        type: 'POST', 
        data: "search=robot", 
            success: function(images){ 
                $("#result").html(images);
                var width = $('#images').width();
                alert(width);
            }
        });
    });
});
</script>
<body>
<a id="click">click</a>
<div id="result"></div>
</body>

result.php

<img src="http://gandt.blogs.brynmawr.edu/files/2009/01/<?php echo $_POST['search']; ?>.jpg" id="images" />

wesbos · Accepted Answer · 2011-09-17 07:05:49Z

1

Your Success should look like this:

  success: function(images){ 
        $("#result").html(images);
        var width = $('#result img').width();
        alert(width);
    }

You need to get the image element from the result div. There is no element with the id of #images

answered Sep 17, 2011 at 7:05

wesbos

26.4k31 gold badges109 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery get image width in an ajax callback

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related