jQuery: невозможно масштабировать img с .load. Он заполняет всю страницу. Я хочу уменьшить его, чтобы соответствовать

Question

Я успешно загружаю идентификатор # Meatball из файла NASA.html. Это очень большой img в пределах NASA.html. Я не могу уменьшить размер изображения до 300x250 пикселей. Я хотел, чтобы загруженный элемент, будь то видео, изображение или текст, помещался в пределах 300x250.

#contentframe{
position:absolute;
z-index: 2;
width: 350px;
height: 300px;
}

#iframe{
  ?
}
<div id="contentframe">
    <div id="iframe"></div>
</div>  

$("#iframe").load("NASA.html #Meatball");

Answer 1

Попробуйте это:

$("#iframe").load("NASA.html #Meatball");

#contentframe{
    position:absolute;
    z-index: 2;
}

#iframe * {
    height: 300px;
    width: 250px;
}

<div id="contentframe">
    <div id="iframe"></div>
</div>

Вот рабочий пример JSFiddle: https://jsfiddle.net/sfarbota/3mwc8xL7/

Answer 2

in css, установите высоту и ширину этого изображения в 300x250 пикселей.