Простая галерея скриншотов для сайта
 Главная  » Все для Ucoz» Скрипты для Ucoz

Автор Сообщение


Новое 18 Янв 19 в 20:04

 



Доброго времени суток уважаемые пользователи и гости!
Сегодня разберем библиотеку highslide, которую можно использовать как слайд шоу для показа скриншотов на сайте или просто как галерею изображений.
Для того чтобы подключить эту библиотеку необходимо скачать прилагаемый файл и загрузить его на сервер. Вы можете переименовать папку по своему усмотрению.

1 .В редакторе страниц сайта между тегами head подключаем скрипт библиотеки.
Код
<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>

сразу после добавляем
Код
<script type="text/javascript">
hs.addSlideshow({
// slideshowGroup: 'group1',
interval: 3000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
},
thumbstrip: {
position: 'top center',
mode: "horizontal"

}
});

// Optional: a crossfade transition looks good with the slideshow

hs.wrapperclassname = 'borderless';
hs.outlinetype = 'rounded-white';
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.90;
hs.numberPosition = 'caption';
</script>

Далее нужно подключить стили
Код
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

Установка завершена.

2. Теперь будем выводить галерею на страницу материала и комментариев.
HTML такого типа ставим в то место где хотите видеть галерею
Код
<a href="http://ваша картинrа" class="highslide" onclick="return hs.expand(this,{align: 'center'})"><img src="http://ваша картинrа" width="220" height="120"/></a>


PS: Размер миниатюры скриншота - width="220" height="120" здесь меняем как угодно вам.
работу скрипта можно посмотреть тут





     





Простая галерея скриншотов для сайта 
Файл: Зарегистрирован  📅 18 Янв 19 | ⏰ 20:04

Скачать


Статус:    Проверено
Скачан/Смотрели:86/196
Размер: 99.9 Kb
Оценка: 
0.0 +0
Тэги:
Поделиться:
FAQ:
 
Как качать?
Как качать?
X
Скачайте торрент и откройте его в своем клиенте
uTorrent

скачать программу
* FAQ
Где задать вопрос?
X

Прйдите по ссылке в нужный форум.

Перейти.

На вопросы когда?, а можно? не отвечаем.

Вопрсы задаем по существу.


[Профиль] [ЛС]
Быстрый ответ Простая галерея скриншотов для сайта
Текст сообщения




Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы можете скачивать файлы





!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим ее. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несет ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания! У нас вы сможете скачать торренты бесплатно без регистрации и смс. Зайдя на наш сайт вам не нужно регистрироваться и платить за скачивание. У нас доступно для скачивания множество категорий. Благодаря нашему легкому интерфейсу вы без труда сможете Скачать фильмы в хорошем качестве через торрент, Скачать cериалы в хорошем качестве через торрент, Скачать мультфильмы через торрент. Так же вы можете для своего компьютера скачать самые классные программы, это утилиты, операционные системы, браузеры и т.д. Посещайте наш сайт и качайте сколько душе угодно.

Привет, меня зовут Ёко, я что-то типа ангела хранителя Mytorrento.ru. Унас Вы найдете много интересного! (К тому же абсолютно бесплатно и наши Админы очень приветливы. А пока я могу только предложить зарегистрироваться или войти через соцсеть.)