jQuery script doesn't work on uploaded image

Question

I have this jQuery code which centralizes an image within a DIV horizontally and vertically:

var $itemImage = $('.a-img');
$itemImage.each(function() {
    var $img = $(this);
    var h = $img.height();
    var w = $img.width();
    $img.css('margin-top', +h / -2 + "px").css('margin-left',+ w/ -2 + "px");
});

It works when the page is first loaded. However, there's a link on the page that will show a pop-up box where you can update the photo. Once you click "Upload" on the pop-up box, the image on the main page will change without refreshing the entire page. The jQuery code that initially applied to the image no longer works (the image is no longer centralized).

How do I solve this problem?

This looks like a problem you should be using CSS for and then it would automatically work for new images. — jfriend00
– jfriend00, Commented Oct 10, 2012 at 4:44

Brian Noah · Accepted Answer · 2012-10-10 04:48:27Z

1

Put this into a function, and call this function when you load the image. Oh, and this is JavaScript. Remove the $ on the variables: itemImage instead of $itemImage, img instead of $img.

answered Oct 10, 2012 at 4:48

Brian Noah

2,99220 silver badges28 bronze badges

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

2 Comments

Nathan Anderson Over a year ago

Prefixing variables in javascript with $ is a fairly common way to indicate they are a reference to a jQuery object. You will notice his h and w variables do not have dollar signs in front of them.

catandmouse Over a year ago

I followed this and I used window.opener.myFunction(); on the child window. Thanks.

Collectives™ on Stack Overflow

jQuery script doesn't work on uploaded image

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related