4ft)
//hs.dimmingOpacity = 0.8;
//Добавляем панель управления
hs.addSlideshow ({
interval: 5000,
repeat: false,
useControls: true,
fixedControls: ‘fit’,
|
overlayOptions: {
position: ‘bottom center’,
opacity:.75,
Внимание!!!
Мы
должны
убе-
диться,
что сайтом
пользуется человек!!!
Для
этого
раздень-
тесь
догола
и
вклю-
чите и>еЬ-камеру.
..
В ссылках можно указывать свойство
title,
кото-
рое будет отображаться как название картинки. А
если хочется уж совсем упростить HTML-код гале-
реи, то можно и так:
< а class=’highslide’ href=’1 .jpg’ onclick-’return
hs.expand (this) “>
<img src=’1.jpg’ width=’100’x / a >
<aclass=’highslide’ href=’2.jpg’ onclick-’return
hs.expand (this) “>
<img src=’2.jpg’ width=’100’x / a >
hideOnMouseOut: true
thumbstrip: {
*
position: ‘above’,
4
mode: ‘horizontal’,
relativeTo: ‘expander’
}
});
//Осуществляем ани-
мацию картинок в един-
ственной видимой ми-
ниатюре
var miniGalleryOptionsI
= {
thumbnailld: ‘thumbl ’
l
</script>
</head>
Тут нам уже почти все знакомо. Остается сформи-
ровать галерею. В теге
B O D Y
ставим тег
D IV
с клас-
сом highslide-gallery. Первой идет ссылка с видимой
картинкой. После нее во вложенном теге
D IV
класса
hidden-container перечисляем ссылки с картинками,
которые должны быть не видны на веб-странице.
<body>
Дополнительная
настройка
иблиотека имеет
собственный стиль
выделения иллюстрации
на веб-странице, при на-
ведении курсора мыши
на картинку. Цвет рамки
выделения может не со-
ответствовать цветовой
гамме стиля сайта. По-
этому цвет рамки можно
изменить, переопреде-
лив стиль таким образом
с указанием служебного
слова
Um portant
<style>
.highslide img { border:
Opx solid #FFF limportant;}
.highslide: hover img {border-color: #FFF limpor-
tant;}
</style>
Помимо этого можно навсегда отключить отобра-
жение всяких намеков на то, что данные всплываю-
щие окна являются результатом разработки
Highslide JS.
Ш
Рис
.
6
■**
+
і І? Ш ■
г,Л’
Ч »*
ІШ Р І'ІІШ '
.. .*Г.АИгЛ
і
Ф о т о З и х 2 0
.............
..........
— ..................
.
.
у
Закрой
окно! Да
нет,
не
щелкай мышкой.
Да
нет,
не
'■©©©]
j f '
Б
<div class="highslide-gallery”>
<а class=’highslide’ id=”thumb1” href=’1.jpg’
ИІе=”Фото 1 ” onclick-’return hs.expand (this,
miniGalleryOptionsI) “X im g src=’1.jpg’X /a >
Для этого, в зависимости от того, какой модуль
вы применяете, в файлах highslide-with-gallery.js,
highslide-with-html.js и highslide.js найти строчку с
параметром
showCredits
и установить для нее зна-
чение
false.
<div class=”hidden-container”>
<а class=’highslide’ href=’2.jpg’ ШІе=”Фото 2”
onclick="retum hs.expand (this, miniGalleryOptionsI)
“x im g src=’2.jpg’x / a >
<a class=’highslide’ href=’3.jpg’ Ш е=”фото 3”
onclick=”return hs.expand (this, miniGalleryOptionsI)
“x im g src=’3.jpg’X /a >
5
...
</div>
</div>
</body>
</html>
Дорогой
Google! Пожалуйста,
перестань вести себя как моя де-
вушка.
Позволь
мне
закончить
предложение, прежде чем давать
мне советы. Спасибо.
И, на всякий случай, чтобы было уже совсем бе-
зотказно, находим рядом строку с параметром
creditsH ref
и его значение ставим как пустую стро-
ку, т.е. между одинарными кавычками текст убира-
ем вот так (то же самое делаем и для параметров
creditsText
и
credits T
it
le
):
______________
showCredits: false,
creditsHref:",
creditsText:",
creditsTitle:",
-
Сегодня у сына день
рождения.
Ему
испол-
няется 1024 дня.
Еще можно перевести на русский язык подсказки
к кнопкам окна. Для этого в этих же модулях доста-
предыдущая страница 39 Компьютер 2012 08 читать онлайн следующая страница 41 Компьютер 2012 08 читать онлайн Домой Выключить/включить текст