laimas, "первое "главное", это большое фото" - главное это большое фото (которое в рамке
Например: скрин 2 - главное фото розовое, скрин 4 - главное фото белое)
При просмотре кода есть ссылка на большое фото, которое становится главным (т.е. в рамку) если есть класс active
Скрин 2 - ссылка на большое фото, а также класс active
Скрин 3 - ссылка на большое фото, а класса active нет
Скрин 4 - у розового фото убираем класс active и добавляем класс active белому большому фото. После чего фото становится главным, т.е. в рамке.