Предыдущий ролик Следующий ролик  

Видео урок: Задача по созданию модального окна в карусели

Bootstrap 3: добавь интерактивность на свой сайт

Итак, теперь, когда вы знаете все о каруселях, я предлагаю вам еще одну задачу. На этот раз я хочу, чтобы вы объединили то, что вы узнали в предыдущей главе, с тем, что вы узнали в этой главе. Создайте модальное окно со ссылкой из карусели для второго слайда. Итак, если вы перейдете ко второму слайду, я хочу, чтобы вы создали на нем текстовую ссылку, которая при нажатии будет открывать модальное окно. У меня есть для вас несколько подсказок.

Вы можете создать эту текстовую ссылку прямо в подписи для слайда номер два. При нажатии эта текстовая ссылка должна открывать модальное окно. Если вы не очень хорошо помните, какой код вызывает модальное окно, или прочие детали, загляните в тренировочные файлы для второй главы, там вы сможете подсмотреть, как должен выглядеть этот код. Я также дам вам код для модального окна, которое вы будете открывать. Если вы загляните в папку с тренировочными файлами, там вы найдете HTML-файл под названием "modalwindow".

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