Question

I am using a div whose dimensions are set using jquery, but i wish to show an image in that div and i also want the image to resize accordingly to fit in the div exactly.

How can this be done ???

Answer 1

If you are using jQuery to handle the parameters of a DIV element, then you could use the same method to handle the height/width of the image. You could try something like:

var MyImg = document.getElementById(img_id);
var Div = document.getElementById(div_id);
document.MyImg.style.height = document.Div.style.height;
document.MyImg.style.width = document.Div.style.width;

If you want to leave a small border, subtract a few pixels from both the height and the width and align the image centrally both horizontally and vertically.

Addon: Alternatively, you couls set CSS attributes to:
height: auto;
width: auto;

I had understood you wanted to use jQuery, my bad…