Никита Мелихов

Если интересует работа в офисе, в своём городу, то стоит посмотреть, что требуется на рынке. Можно зайти, к примеру, на HH, сделать выборку по вакансиям разработчиков и понять, что более актуально изучать.

Сразу скажу, что не важно, какой ЯП - учиться придётся всегда. И не только язык, но и его экосистему, и тестирование, и смежные с работой области. Это если хочется развиваться, а не оставаться в вечных джунах, пока не выгонят.

Лучше сделать с помощью CSS, примеров полно. Тогда поведение будет такое же, как и у обычного переключателя.

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

В дополнение к ответу Антона: https://www.html5rocks.com/ru/tutorials/getusermed....

<?php ... ?> обрабатывается на сервере, а в теге img уже будет путь.
Можно брать атрибут src, обрезать имя файла (в гугл:) и добавить новое.

Для начала поправьте добавление строк. Каждый .append() добавляет узел к дереву, а не HTML.

Что-то типа:

$('#row').append('
    <tr>\
        <td>column</td>\
        <td>column</td>\
        <td>column</td>\
    </td>'
);

Вроде бы, нужным группам изображения устанавливаешь атрибут rel="group_name". Тогда изображения будут перелистываться среди этой группы.

В чём конкретно заключается сложность?

Как вариант - можно посмотреть исходник какой-нибудь карусели или урок по её созданию. Обычно используется viewport (видимый блок с overflow: hidden), в котором находится блок с элементами (фото, пункт меню и т.д.). При "движении" у внутреннего блока меняется горизонтальная позиция (с помощью left или margin).