У меня есть рекомендуемое изображение, которое регулярно меняется в удаленном документе html. Например, удаленный документ html содержит:
<html><body>
<img id="mainimage" width="40" height="40" src="myimg.jpg" />
</body></html>
Как загрузить это изображение в новый документ большего размера, используя javascript (jquery) (изображение sr c изменяется динамически, так что jquery будет очищать IMG)
Допустим, я хочу поместить это 100x100 между следующим тегом:
Это работает , но не увеличить изображение к большему размеру:
<script type="text/javascript" language="javascript">
$( "#biggerimg" ).load( "https://example.org #mainimage");
</script>
Я безуспешно пытался:
$( "#biggerimg" ).load( "https://example.org #mainimage.src"); //this doesn't get the source
Попытка изменить размер после загрузки, но это не сработало либо:
$( "#biggerimg" ).load( "https://example.org #mainimg" , function() {
alert( "Load was performed." );
$( "#biggerimg img").css("height","100px");
$( "#biggerimg img").css("width","100px");
});
Очень близко, но по какой-то причине я покидаю сайт и возвращаюсь, и это работает, но это не работает каждый раз sh:
$( "#biggerimg" ).load( "https://example.org #mainimg" , function() {
alert( "Load was performed." );
$( "#biggerimg img").attr("height","100px");
$( "#biggerimg img").attr("width","100px");
});
Каждый раз Я refre sh Я получаю следующую консольную ошибку, кроме 1 из каждых 10 или около того раз, когда нет ошибки, но она показывает график c больше:
myModule:229 Uncaught TypeError: Cannot read property 'removeAttr' of null
Так близко, но не уверен, почему это не загружается каждый раз.
Спасибо за любую помощь!