•   Гость ®
  • Отключить рекламу
  • Вход Регистрация
  • rss лента



  • Страница 1 из 1
  • 1
Модератор форума: Mytorrento  
Форум » Полезное » Скрипты для сайта » Простая галерея скриншотов для сайта
Простая галерея скриншотов для сайта
MytorrentoДата: Воскресенье, 05-Май-19, 16:08 | Сообщение # 1
Уверенный пользователь
Группа: Администраторы
Сообщений: 50
Награды: 3
Репутация: 35
Статус: Вне форума


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

Сегодня разберем библиотеку 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://ваша картинка" class="highslide" onclick="return hs.expand(this,{align: 'center'})"><img src="http://ваша картинка" width="220" height="120"/></a>


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


подпишись не пропусти новинки
 
Форум » Полезное » Скрипты для сайта » Простая галерея скриншотов для сайта
  • Страница 1 из 1
  • 1
Поиск:


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





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

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