ThunderCat

https://fancyapps.com/docs/ui/fancybox/

https://fancyapps.com/docs/ui/fancybox/options#animated

If you want to disable all animations completely, you also have set animated: false.

он документ реди форм ресет?

Короче, есть 2 стула варианта,

1) По субмиту формы отправлять картинки аяксом, и к ним приложить переменную со сгенерированным ключом, и далее отправить форму обычным пост запросом, тоже приложив ключ, ну и на сервере сопоставить данные по ключу.

Как подвариант - просто отправить ВСЕ данные аяксом, получить ответ что все ок, и сделать яваскриптом редирект куда нужно, что и проще и не требует манипуляций с ключами и тд...

2) Сохранить картинки в хиден поля в виде бэйс64, на сервере раскатать обратно в файлы.

Я ищу не решение (код) из примера, а способ разбора кода javascript на чужом сайте, это указано в сабже

А что, есть много вариантов? Да, девтулс, брэйкпоинты, трэйс и вот это все. Как собсно и в любых других чужих сырцах.

иф (кука есть) {
 ретурн 
}
елс{
выполнять скрипт;
записать в куки;
}

Сейчас все работает криво. Не знаю как переписать скрипты? помогите разобраться!

Код сам по себе "не айс"...
Во первых не надо использовать инлайновый вызов функций в элементах, выносите это в евентлистенеры.
Во вторых - логично было бы прятать все переключаемые элементы, а уже затем показывать нужный, вместо этого вы зачем то переключаете состояние выбранного элемента.
В третьих - для передачи параметров удобно использовать дата атрибуты, тогда их легко использовать в листенерах через this.

Но при наведении первый элемент скрывается, но второй не появляется. В чем проблема, можете объяснить

Где цсс, где разметка? Подозреваю что разметка рассчитана на более стандартные hide/show, а не на смену прозрачности (что само по себе дурацкое решение)...

PS: Все работает, хотя конечно в идеале надо бы обернуть в документ реди...
https://jsfiddle.net/1zkaexu0/

$('.block').text().data('vin'); вы тексту как элементу пытаетесь задать дата атрибут. Посмотрите доку что-ли, как работает text().

removeEventListener()

Смотрим содержимое возвращаемого ответа от сервера, скорее всего там какой-то варнинг, заключенный в хтмл теги.

var forms = document.querySelectorAll(".form")

Чет я не увидел в коде ни одного элемента с классом form... Если предполагалось выбрать формы, то все таки стоит вешать слушатель на субмит, а не на клик...

А страница появляется по тому что превентДефаулт на форму не вешается и просто форма уходит обычным постом.

Если все работает, то зачем мне помещать код в эти функции? Можете привести пару примеров, в которых код не будет работать, если я не буду помещать его в эти функции?

Не факт что на низкой скорости загрузки весь хтмл прогрузится к моменту загрузки скрипта и все элементы будут доступны. Кроме того - для улучшения загрузки скрипты стараются подгружать в самом низу дом дерева, то есть перед закрывающим боди тегом. Это ускоряет загрузку контента, не тратя времени на прогрузку скриптов.

замените ваш модный const внутри цикла на var или let, так как по коду вы его активно меняете, что для константы недопустимо.

Во первых - где вызов функции то?
Во вторых:

a = localStorage.setItem (time , date.getMinutes());
// https://developer.mozilla.org/ru/docs/Web/API/Storage/setItem#возвращаемые_значения
b = localStorage.setItem(znach , znn); // то же самое, скорее всего задумывалось getItem()
if (a == date.getMinutes()) // логично что здесь фигня будет

Но это не происходит,

Все что "не происходит", "не работает", "работает не так" - термины уборщицы из туалета. Любое программное действие вызывает какой-то описываемый результат - ошибку (которую нужно привести дословно) или конкретное действие (которое тоже поддается описанию, например нужно А, но происходит Б).

1) Внятно опишите чего вы хотите добиться, а то код у вас сплошная мешанина хтмл, жс и пхп, а сама цель вообще не ясна.
2) Проверьте консоль браузера на ошибки, они там наверняка есть
3) Проверьте нетворк, посмотрите что возвращает ваш аякс запрос (хинт - в основном мусор), подумайте почему.

По мне при вводе в текстовое поле должен быть GET запрос, и формируется $sql переменный и получаются данные.

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

PS:
запросы всегда нужно делать через подготовленные выражения,
пхп код ВЕСЬ выносится ДО хтмл. В нужных местах в хтмл вы просто выводите заранее полученные значения.

document.write так то устаревшая фигня, использовать не рекомендуется. Обычно создают контейнер для добавления элемента, или добавляют в body в конец через createElement и append().