•   Гость ®
  • Отключить рекламу
  • Вход Регистрация
  • rss лента
Простая галерея скриншотов для сайта
 Главная  » Все для 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

Скачать


Статус: √   Проверено
Скачан/Смотрели:235/569
Размер: 99.9 Kb
Оценка: 
0.0 +0
Тэги:
√   сайта, скриншотов, галерея, для, простая,Все для Ucoz
Поделиться:
FAQ:
 
Как качать?
Как качать?
X
Скачайте торрент и откройте его в своем клиенте
uTorrent
скачать программу
* FAQ
Где задать вопрос?
X

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

Перейти.

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

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

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




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





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

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