Добрий день!
Я передплачую ваш журнал не дуже
довго, але у мене вже з !явилась пропо-
зиція, Я надіюся, що Ви ї ї виконавше,
Вудь ласка, розкажіть подетальніше
про веб-дизайн і його всі секрети, Як-
що можна, на прикладі вашого сайта,
Вуду дуже вдячний!
Влад Єрошенко
П
редполагается, что читатель уже
знаком с HTML и JavaScript. Без
знаний этих языков усвоение дальней-
шего материала будет затруднительным.
Библиотека Hfghslide JS
энная библиотека
(http://highslide.com)
предоставляет
обширные
возможности
по
созданию
на
сайте
всплывающих
окон
тексто-
вых сообщений,
предпросмотра картинок и да-
же
целых
галерей
со
встроенным
слайд-шоу.
Модули данной библиотеки успешно работают в
различных браузерах, таких как FireFox, Chrome,
Opera, Internet Explorer.
Хочу
рассказать
об
этой
библиотеке
детально,
рассматривая каждый ее модуль отдельно, хотя все
они
вместе
могут
применяться
одновременно
на
одной веб-странице.
Сайт
с
описанием
возможностей
библиотеки
и
примерами на русском языке находится по адресу
www. evgeniypopov. ru/index. php?/Knowledgebase/Article/Vi
ew/124/0/highslide.
Если такой страницы не найдете,
то воспользуйтесь поиском на данном сайте и по-
пытайтесь найти по слову “highslide”. Архив библи-
отеки имеет размер
1,8 Мб и доступен по адресу
http://evgeniypopov.com/files/34/high44.zlp.
Всплывающее окно (Рорир)
В
сплывающее
окно
может
пригодиться
для
выдачи
посетителю
сайта
какого-то
сооб-
щения
или
подсказки.
Чтобы
обеспечить работу
библиотеки,
следует
в
заголовочной
части
веб-
страницы в теге
HEAD
указать ссылку на подклю-
чаемый
модуль
hlghsllde-w lth-htm l.js
и
стили,
необходимые для его работы:
<script ty p e -’text/javascript" src=”highslide/high-
slide-with-html.js"></script>
clink rel="stylesheet” ty p e -’text/css” href-'high-
slide/highslide.css7>
При этом,
предполагается, что вся сборка ис-
пользуемых библиотек и ее
компонентов лежит
на сервере
в
папке
highslide.
Далее в этом же
теге
выполняем
начальную
инициализацию
па-
раметров модуля:
cscript type=”text/javascript”>
hs.graphicsDir = ‘highslide/graphics/’;
hs.outlineType = ‘rounded-white’;
hs.wrapperClassName = ‘draggable-header’;
</script>
T:
Здесь
мы
обязательно
указываем
параметр
hs.graphicsDir,
можем
поиграться
с
параметром
hs.outlineType,
предустановленные стили для ко-
торого можно найти в файле highslide.css (такие как
rounded-white
и
glossy-dark,
а
можно
создать
и
свои). В таком стиле можно настроить фоновый ри-
сунок окна и прочее.
Для параметра
hs.wrapperClassNam e
предус-
мотрены классы draggable-header, titlebar, no-foot-
предыдущая страница 35 Компьютер 2012 08 читать онлайн следующая страница 37 Компьютер 2012 08 читать онлайн Домой Выключить/включить текст