делай еще один для мобилки, предварительно скрой. Потом проверяй, если ширина экрана меньше десктопа, деактивируй эти 3 и скрывай их, а активируй нужный.
вот ваша проблема. уберите разметку бутстрапа, просто сделайте любой класс. Слайдер сам расставит количество блоков на странице (какое зададите в опциях)
у кнопки enter числовой код = 13 вешаете на него событие нажатия при этом отправляя данные на сервер через ajax, а там в обработчике php (так же можно и на стороне клиента проверить поля на пустоту, при нажатии) делаете какой-то ответ и с помощью json отправляете назад. Соответственно при нажатии на enter проверяете, что приходит от сервера. Если приходит норма, отправляете, если приходит ошибка выводите сообщение о ней.
ну к примеру, у тебя на кнопке должен быть какой-то атрибут, скажем data-color="red" и на самой картинке, с цветом red поставь атрибут id="red". Потом, по клику на кнопку, сравнивай, если значение атрибута data-color совпадает с id картинки, показывай ее.
Послушайте, если брать во внимание возможности нынешней молодежи и возможности молодежи начала двухтысячных, вы просто обязаны начать саморазвиваться в этом направлении! Это ваш долг! :)