jQuery / CSS: Div наследует ширину динамически изменяемого изображения

Question

У меня есть изображение с динамическим изменением размера.

Изображение является частью галереи, поэтому в верхнем / правом углу у меня есть эскизы для просмотра изображений в этой галерее.

И большие пальцы, и изображение содержатся в элементе div с классом .slider.

Div .slider всегда растягивается на ширину браузера, а большие пальцы располагаются относительно .slider.

Если бы я мог получить .slider div, чтобы он всегда отражал ширину изображения, он был бы идеальным, потому что тогда большие пальцы всегда были бы вровень с изображением (вместо окна браузера, как это происходит сейчас).

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

Вот ссылка фактического образца: http://peteryang.com/v02/image/tylenol/

Answer 1

Прикрепите событие к загрузке изображения или покажите или измените его размер, используя jQuery (просто Google), и в обработчике событий найдите ширину и высоту изображения и установите ширину и высоту родительского элемента div

$("#imageid").resize(function(){
    //set the dimensions of the div
});