Лайтбокс эффект с применением Bootstrap |
Простая реализация всплывающего окна на фреймворке Bootstrap 3.1.1. Минимальное количество кода и прекрасный внешний вид, добавят вашему сайту превосходное всплывающее окно в котором можно разместить любую информацию (фотографию, код, форму авторизации или регистрации и любую другую информацию ) Скопируйте код, который показан ниже к себе на сайт. Соответственно там где идет вывод изображений, замените строчки на свои картинки или любой другой код. Лайтбокс окно автоматически подстраивается под размер экрана браузера и конечно же может использоваться на мобильных устройствах (смартфонах, планшетах). В нашем примере ниже, лайтбокс окно имеет маленький размер исходя из размера фрейма. Вставьте данный HTML код в нужное место вашего сайта: <div class="container"> Вставьте данный CSS код в любой CSS файл вашего шаблона: body { Вставьте данный JS код в нижней части шаблона перед тегом </body>: $(document).ready(function() { Понравился материал? Пригодилась информация? Плюсани в социалки!
|
Похожие новости | |