Изменение размера и центрирование img в «переполнении: скрытый» div

Question

Я хочу создать функцию javascript / jquery, которая будет изменять размер img (при сохранении соотношения сторон) любых заданных размеров, чтобы он заполнял родительский div (имеющий переполнение: скрытый набор) любых заданных размеров без пробелов. Размер изображения должен быть изменен на родительский по любому размеру (ширина или высота), который имеет наибольшую разницу между собой и родительским, а затем центрироваться по другому измерению.

вот как далеко я дошел:

$.each( $(".img_for_video_thumbnail"), function(index, value) {

  $("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(this).attr("src"))
    .load(function() {

      var pic_real_width, pic_real_height, width_difference, height_difference;

      var pic_real_width = this.width;   // Note: $(this).width() will not
      var pic_real_height = this.height; // work for in memory images.
      var parent_width = this.parent().width;
      var parent_height = this.parent().height;
      var width_difference = pic_real_width - parent_width;
      var height_difference = pic_real_height - parent_height;

      if ( width_difference >= height_difference ) {

        // Do something...but what?

      }
 });
});

Я использую Django с Google App Engine, если это поможет.

Answer 1

получил!

(редактировать я сделал ошибку и должен был ее исправить)

http://jsfiddle.net/uuVeD/6/

Просто посмотрите функции нажатия кнопки для изменения размеракнопка ребенка.

Удачи кодирования