вы можете загружать изображения в свой html где-нибудь с помощью правила css display:none;
, а затем показывать их, когда хотите с js или jquery
, не использовать js или jquery-функции для предварительной загрузки - это просто правило css Vs много строк js для выполнения
пример: Html
<img src="someimg.png" class="hide" alt=""/>
Css:
.hide{
display:none;
}
jQuery:
//if want to show img
$('.hide').show();
//if want to hide
$('.hide').hide();
Предварительная загрузка изображений с помощью jquery / javascript не является хорошим образом для изображений, на которые требуется загрузить миллисекунды на странице +, у вас есть миллисекунды для того, чтобы скрипт был разобран и выполнен, особенно тогда, если они являются большими изображениями, поэтому прятать их в hml лучше и для производительность, потому что изображение действительно предварительно загружено без видимой видимости, пока вы не покажете это!