Вывод последних загруженных картинок форума
Cлайдер с последними картинками из сообщений форума
Автор: Alex_63
Платформа: MyBB
Для каждой группы в Слайдере отображаются только картинки из Постов, видных данной группе!
Если встречается несколько одинаковых картинок, из них отображается только первая найденная
Картинки подгоняются под размер ссылки в слайдере, с сохранением пропорций
Список картинок обновляется раз в 20-30 минут из-за особенностей работы Поиска
В HTML верх
Настройки скрипта:
LastUploads.onlyIndex - Отображение слайдера с картинками: 0 - на всех страницах, 1 - только на Главной
LastUploads.forumsExc - Список форумов, картинки из которых в слайдер не добавляем (цифры через запятую)
LastUploads.selectors - Элемент, после которого ставим Слайдер (по умолчанию #pun-crumbs1 - верхние "хлебные крошки")
LastUploads.numberImg - Максимальное количество картинок, которые будут отображаться в слайдере
LastUploads.postOrImg - По клику на картинку в слайдере открывать: 0 - оригинал картинки(в новой вкладке), 1 - пост, содержащий картинку
Селекторы элементов слайдера:
Внешний блок - .punbb #LastUploads
Внутренний блок (с центровкой) - .punbb #LastUploads .lastuploads-inner
Стрелки прокрутки - .punbb #LastUploads .scroll (Левая - .punbb #LastUploads .scroll.left, правая - .punbb #LastUploads .scroll.right)
*Стрелки установлены через :before - можно вставить свой символ или картинку, к примеру.punbb #LastUploads .scroll.left:before {
content:url(ссылка на картинку для стрелки влево);
}
.punbb #LastUploads .scroll.right:before {
content:url(ссылка на картинку для стрелки вправо);
}Ссылка - обертка картинки - .punbb #LastUploads .image-wrap-link
*К примеру: Убрать тень у кликабельных картинок.punbb #LastUploads .image-wrap-link {
box-shadow:none;
}Размер картинок также регулируем на этом селекторе (если нужно)
По просьбам юзеров, дополнение - правка прозрачностиДелаем картинки полупрозрачными
с восстановлением прозрачности при наведенииВ HTML верх
Код:<style type="text/css"> .punbb #LastUploads .image-wrap-link { opacity:.8; } .punbb #LastUploads .image-wrap-link:hover { opacity:1.0; } </style>
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.