В примере по ссылке это сделать можно, но проблематично, так как у Вас никак не отмечается активный слайд, а меняется только общий родитель. Соответственно, какой именно слайд показан - придется высчитывать. Другой вариант, при каждом перелистывании слайдов добавлять к некой переменной единицу и таким образом следить какой именно слайд показан на момент заказа.
Третий вариант — правильный — взять нормальный слайдер или изменить этот.
Что касается оставшейся реализации — за скромную плату на любой бирже Вам это сделают, но пока Ваш вопрос больше похож на задание.
