Человек, у кото-
рого
нет
аккаун-
та
в
социальных
сетях,
вызывает
сначала
удивле-
ние,
потом
ж а -
лость
и,
в
конце
копире, зависть,
ное значение, то при появлении окна
галереи вся веб-страница под слоем
окна будет затемнена.
Далее следует код настройки панели
управления слайд-шоу. Параметр
interval
задает паузу в миллисекундах
для автолистания. Параметр
rep eat
включает автоповтор автолистания.
Параметр
opacity
задает степень про-
зрачности панели с кнопками (имеет
смысл, когда панель располагается
прямо поверх изображения),
position
задает ее расположение, а
hideOnMouseOut
включает скрытие
кнопок при уходе курсора мыши с окна
просмотра. Теперь формируем сами
картинки галереи:
<body>
<div class="highslide-galleryB>
<а href=”1 .jpg” class=”highslide” onclick=”return
hs.expand (this) “>
<img src=”1smail.jpg”x / a >
<div class=”highslide-heading”>3aronoBOK 1</div>
Наблюдательный читатель наверняка заметил,
что все элементы галереи заключены в тег 61У с
классом ЫдЬзИбе-даНегу. Каждая картинка заклю-
чена в ссылку с классом (идЬ^^е и уже знакомым
нам обработчиком события опсНск. После каждой
ссылки с картинкой может следовать заголовок
для ней в теге 01\/ с классом ЫдЬзНбе-Ьеабюд. По-
лучим такую галерею (рис. 4).
<а href=”2.jpg” class-’highslide” onclick=”return
hs.expand (this) “>
<img src=”2small.jpg”X /a >
<div class=”highslide-heading”>3aronoBOK 2</div>
</div>
</body>
</html>
Галерея скрытая
3
то галерея, в которой на веб-странице видна
только одна картинка, по клику на которой
открывается окно просмотра всей галереи, и уже в
этом окне видны все картинки (рис. 5).
Код тут почти тот же самый, но сразу после объ-
V
явления модуля и файла стилей подключается еще
один файл стилей специально для браузера ІЕ.
<!— [ІТ и 1Е7]>
-
О, какая интересная кружка. Из
\
необожженной глины?
©
©
©
I
-
Нет, это обычная мужская офис-
ная кружка из прозрачного стекла.
<link rel=”stylesheet”
ty p e -’text/css” h re f-’highslide/high-
slide-ie6.css”/>
<![endif]— >
Затем инициализация немного
более обширная:
<script type=”text/javascript”>
hs.graphicsDir = ‘highslide/graph-
ics/’;
hs.align = ‘center’;
hs.transitions = [‘expand’, ‘cross-
fade’];
hs.fadelnOut = true;
hs.outlineType = ‘glossy-dark’;
hs.wrapperClassName = ‘dark’;
hs.captionEval = ‘this.a.title’;
hs.numberPosition = ‘caption’;
hs.useBox = true;
hs.width = 600;
hs.height = 400;
предыдущая страница 38 Компьютер 2012 08 читать онлайн следующая страница 40 Компьютер 2012 08 читать онлайн Домой Выключить/включить текст