Как подгружать изображения по требованию (клику)?

Вы можете сделать так.
<img data-src="thumbimage.jpg" class="preview">
И потом, когда вызовете открытие модального окна, просто выполните

$('.active-modal .preview').each(function() {
    var $this = $(this);
    $this.attr('src', $this.data9'src');
});

т.е. храним путь до картинки не в атрибуте src, а в data-src, и потом при открытии окна берем из data-src путь до картинки и вставляем его в src, и тогда браузер начнет его грузить.

Как подгружать изображения по требованию (клику)?

Можете ссылку скинуть?

Как отслеживается клик вне элемента?

driver458, использовать метод contains https://codepen.io/VladIT4/pen/rvOVpL

Замена процессора на более мощный. Какие могут быть проблемы?

AlexxTR, проц будет больше жрать, это стоит учесть. Без колхоза есть риск перегрева в играх/тяжелых приложениях, а значит и троттлинг. Можно попробовать поставить Intel Core i5 430M с TDP=35W. Но! TDP не точное число, оно округлено. Как говорили в AMD, если проц ниже 45W но выше 35W, значит они напишут 45W, в Intel что-то похожее. Так и тут, ваш текущий проц имеет TDP меньше 35W, и меньше старших моделей с таким же TDP, которые будут иметь очень близкий к TDP=35W. Поэтому повышения температуры и потребления при использовании старшей модели с таким же TDP неизбежны, но не столь критичны.

Какой плагин использовать для реализации такого слайдера?

Никита Рябин, не так. Вы должны в параметрах установить параметры prevArrow/nextArrow Вот пример сделал https://codepen.io/VladIT4/pen/erNVRZ

Какой плагин использовать для реализации такого слайдера?

Никита Рябин, смотрите в консоль, может ошибка какая. И событие нужно вешать не на один слайд, а на слайдер, на который вы вызвали slick. Вот пример https://codepen.io/VladIT4/pen/erNVRZ

Какой плагин использовать для реализации такого слайдера?

$('.slick-slide').on('afterChange', function(event, slick, slick, currentSlide){
$('#fc_priceValue2').html(currentSlide);
});

Я поменял beforeChange на afterChange, т.к. она выполняется после изменения текущего слайда.

Как понять такой код?

А переменная "i" не бессмысленная. Она используется

да, я что-то вчера ночью не заметил. Чтобы по много раз не писать длинное слово this, минификатор сократил название до i путем передачи ссылки.

Как реализовать скрипт подмены даты на сайте?

Антон, он не нашел такой элемент. Попробуйте сократить селектор до:

#myCarousel51521646 div.t309__item.item.active.left div.t309__title.t-title.t-title_sm b > span:nth-child(1)

Нужно ли у заказчика спрашивать про фреймворки?

Да, это чисто субъективное мнение, поэтому я его занес в скобки. Против сетки Boostrap 4 ничего против не имею, но не люблю вот эти col-md-6, col-sm-4 на десятках блоках, лучше через миксины добавлять в нужный класс, а в html писать только красивые БЭМ классы.

Как понять такой код?

Stalker_RED, не, как раз в тему. Я поэтому и написал "Видимо ожидалось, что в начале будет return", т.е. имел ввиду, что автоматизировано для одной строчки. Под "зачем они это сделали", я имел ввиду алгоритм в автоматизации. Понятно, что никто руками такие писать не будет. Но и сжимать код при помощи оператора запятая такая себе затея, разве что для сокращения объявления переменных, в цикле, в тернарном операторе или && и ||. т.е. в этом коде бессмысленно присваивание переменных в объявлении условия (можно было сразу после this через запятую их присваивать), бессмыслена переменная i ссылающаяся на this (которая не была использована ни разу), и перечисление команд (т.к. я не увидел вначале присваивание результата, а значит экономии нет). Просто алгоритм видимо простой, и переводит все команды на такой стиль без разбора.

Почему изображение съезжает?

Владислав, я имею ввиду, выложите код, чтобы люди могли отладить его. По картинке не понять, какие изображения из каких блоков. Выложите на https://codepen.io/

Почему изображение съезжает?

Кидайте код не картинкой.

Блокировка DigitalOcean?

Пума Тайланд, я дам. JSFiddle хостится на DigitalOcean doc.jsfiddle.net/meta/credits.html И его IP 165.227.250.163 попал под блокировку. Не могу ссылку на пруф дать, у них нет HistoryAPI, поищите его https://blocklist.rkn.gov.ru/ Я уже ненавижу этих скотов... а потом разные люди на пикабу пишут, что блокировки не мешают нормальным людям. Уже слов нет, хотел челу примерчик накатать, должно ждал загрузки страницы. Слов нет.

Почему это рег. выражение не находит комментарии?

Ingernirated, включает, а тот флаг заставляет точку включать переводы строк. Но я немного ошибся, это новый стандарт, и работать будет только в новых браузерах. Поэтому вместо точки лучше ищите пробельные и не пробельные символы, при помощи \s\S Вот так https://regex101.com/r/GaSC9m/6

Почему это рег. выражение не находит комментарии?

Ingernirated, смотрите группы. В группе Group 1. вот такое содержание

`
//comments
`

то, что вам нужно. Лишние переводы на следующие строки можно обрезать через trim.
Вот пример на JS

var a = `<div> hello world </div>
//comments
<div> bye world</div>`;
var result = a.match(/<\/.*?>(.*?)</s)[1]
alert(result.trim()); // "//comments"

Почему это рег. выражение не находит комментарии?

Ingernirated, понял. Регулярка у вас правильная, просто в конце нужен флаг /s https://regex101.com/r/GaSC9m/4

Почему не меняется значение input text?

Пардон https://jsfiddle.net/Vlad_IT/e62svvqp/16/ Данные не сохраняет, т.к. ответа от сервера нет.

Почему не меняется значение input text?

oldfag322, было куча ошибок, таких как привязка события изменения текстового поля не на само текстовое поле, а на кнопку "изменить". Также при редактировании, через ajax передавалась переменная id, которой не существует. Еще по вашей ссылке атрибуты id не имели закрывающую кавычку.
Вот результат

Почему не меняется значение input text?

Выложите полный код на jsfiddle.net Так я смогу отладить.