Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Модальные окна facebox (jQuery)
Подключим файл CSS-стилей, файл jquery, а также скрипт facebox к нашему документу, прописав следующий код между тегами head:
Далее следует прописать следующий скрипт:
Чтобы вывести в модальном окне картинку, нужно написать следующий код:
Чтобы вывести в модальном окне произвольный блок, нужно написать следующий код:
Затем следует вставить в код непосредственно сам блок:
Чтобы вывести в модальном окне внешний файл, нужно написать следующий код:
Обратите внимание, что если во внешнем файле присутствуют кириллические символы, то сохранять его нужно в кодировке utf-8.
Code
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="facebox.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="facebox.js"></script>
Далее следует прописать следующий скрипт:
Code
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loading_image : 'loading.gif',
close_image : 'closelabel.gif'
})
})
</script>
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loading_image : 'loading.gif',
close_image : 'closelabel.gif'
})
})
</script>
Чтобы вывести в модальном окне картинку, нужно написать следующий код:
Code
<a href="stairs.jpg" rel="facebox">Появление изображения в facebox</a>
Чтобы вывести в модальном окне произвольный блок, нужно написать следующий код:
Code
<a href="#info" rel="facebox">Появление произвольного блока в facebox</a>
Затем следует вставить в код непосредственно сам блок:
Code
<div id="info" style="display:none;">
Ваш текст</p>
</div>
Ваш текст</p>
</div>
Чтобы вывести в модальном окне внешний файл, нужно написать следующий код:
Code
<a href="remote.html" rel="facebox">text</a>
Обратите внимание, что если во внешнем файле присутствуют кириллические символы, то сохранять его нужно в кодировке utf-8.
Вы сейчас просматриваете Модальные окна facebox (jQuery). Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Модальные окна facebox (jQuery) нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Модальные окна facebox (jQuery) и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
