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/

只需按下调整大小子按钮的按钮功能即可。

祝你好运编码

在“溢出：隐藏”div中调整img的大小和居中

1 个答案: