HamSter

если не хочешь мучиться - ставь kenwheeler.github.io/slick
там по дефолту есть такая функция

Ну можно начать с сылки на профиль ;)

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

При объявлении методов внутри конструктора на каждый экземпляр будет создаваться новая функция-метод - будет жрать память, да и конструктор будет работать медленнее (обычно не заметно) + такие методы нельзя будет унаследовать не вызвав конструктор.
При объявлении метода через прототип у Вас будет 1 функция на все экземпляры, включая те, что отнаследовались от Вас, наследоваться можно будет без вызова конструктора + методы не будут собственными для экземпляра, что снизит кол-во ошибок
Так что правильно через прототип

Обычно по кнопке отправляется ajax запрос на сервер, который возвращает новую порцию фоток, которые затем в callback функции подставляются в нужное место DOM. Погуглите Lazyload, найдёте много решений для разных случаев.

ru.stackoverflow.com/questions/450084

mixin name(text)
tag!=text

+name("text with tags")

Нет, это не правильно.

https://www.w3.org/TR/xhtml1/#prohibitions

form must not contain other form elements.