Как сделать изображение вписывается в div с помощью Jquery

Question

В настоящее время у меня есть страница с макетом, как это:

-----------------------------
Header (100%)
-----------------------------
|                   | Desc  |
|    unknown size   |       |  
|                   | 200px |  
|      Image here   |       |  
|                   |       |  
|                   |       |  
|                   |       |  
|                   |       |  
-----------------------------
Footer 100% height stick bottom
-----------------------------

, что идея макета.когда я изменяю высоту или ширину, единственное, что изменяет размер, это изображение и его div

Но как мне заархивировать это, используя jquery или css?

Как я должен иметь изображение внутричто div изменяет размер дуги по высоте и ширине его блока div?

http://www.msnbc.msn.com/id/35385037/ns/news-picture_stories/displaymode/1247/?beginSlide=1 как-то так, например

Answer 1

var divElem = $("#yourdivid");
var ht = divElem.height();
var wdt = divElem.width();

$("#yourimageid").css({'height' : ht, 'width' : wdt});