• Watch Movie Бойтесь ходячих мертвецов

    Бойтесь ходячих мертвецов

    Жанр: Сериалы
    Выпущено: США, 2015 ...
    Премьера: (РФ) 24 августа 2015
    Режиссер: Адам Дэвидсон, Стефан Шварц, Эндрю Бернштейн
    В ролях: Ким Диккенс, Клифф Кёртис, Фрэнк Диллэйн, Алисия Дебнем-Кери, Элизабет Родригес, Мерседес Масон, Лоренцо Джеймс, Генри Рубен, Бладес Колман, Доминго, Денай Гарсиа .....
  • Watch Movie Касл-Рок

    Касл-Рок

    Жанр: Сериалы
    Выпущено: США, 2018
    Премьера: 27 июля 2018
    Режиссер: Майкл Аппендаль, Дэниэл Эттиэс, Кевин Хукс
    В ролях: Мелани Лински Энн Кьюсак Андре Холланд Билл Скарсгард Джейн Леви Сисси Спейсек Скотт Гленн Терри О’Куинн Калил Харрис Саманта Чоснек..
  • Watch Movie Позывной 'Стая'

    Позывной 'Стая'

    Жанр: Фильмы 2013 года
    Выпущено: Россия, 2013
    Премьера: 12 октября 2013
    Режиссер: Андрей Щербинин
    В ролях: Евгений Сидихин, Сергей Воробьёв, Петр Логачев, Полина Сидихина,
    Юрий Уткин, Руслан Кацагаджиев, Евгений Кушпель, Андрей Перович, Юрий Томилин, Геннадий Казачков..
  • Watch Movie Игроки / Футболисты

    Игроки / Футболисты

    Жанр: Сериалы
    Выпущено: США, 2015- ...
    Премьера: 22 июня 2015
    Режиссер: Джулиан Фарино, Саймон Селлан Джоунс, Дэвид Катценберг
    В ролях: Дуэйн Джонсон, Джон Дэвид, Вашингтон Омар, Бенсон Миллер, Роб Кордри, Донован В. Картер, Трой Гэрити, Жасмин Саймон, Лондон Браун, Дьюли Хилл, Ричард Шифф..

Форум

  • Страница 1 из 1
  • 1
Форум » Скрипты для юкоз » Скрипты, модули, хаки и всякие разности. » ПРОСТАЯ ГАЛЕРЕЯ СКРИНШОТОВ ДЛЯ САЙТА
ПРОСТАЯ ГАЛЕРЕЯ СКРИНШОТОВ ДЛЯ САЙТА
ИванычДата: Пятница, 18-Янв-2019, 8:32:42 | Сообщение # 1
Директор
Группа: Главный режессер
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline

Доброго времени суток уважаемые пользователи и гости!


Сегодня разберем библиотеку 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" здесь меняем как угодно вам.
Смотреть демо
Прикрепления: highslide.rar(99.9 Kb) · 3992527.png(203.1 Kb)
 
Форум » Скрипты для юкоз » Скрипты, модули, хаки и всякие разности. » ПРОСТАЯ ГАЛЕРЕЯ СКРИНШОТОВ ДЛЯ САЙТА
  • Страница 1 из 1
  • 1
Поиск:
Флудилка
Флудите на здоровье.....