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

http://forumfiles.ru/uploads/0007/e3/f7/2617/196136.png

Автор: Alex_63
Платформа: MyBB

Для каждой группы в Слайдере отображаются только картинки из Постов, видных данной группе!
Если встречается несколько одинаковых картинок, из них отображается только первая найденная
Картинки подгоняются под размер ссылки в слайдере, с сохранением пропорций
Список картинок обновляется раз в 20-30 минут из-за особенностей работы Поиска

В HTML верх

<!-- Последние загруженные картинки форума -->
    <script type="text/javascript">var LastUploads = {};
    LastUploads.onlyIndex = 0;               // Отображать: 0 - везде, 1 - только на Главной
    LastUploads.forumsExc = [2,4,18];        // Форумы, исключаемые из выборки картинок
    LastUploads.selectors = '#pun-crumbs1';  // Cелектор элемента, после которого ставим блок с картинками
    LastUploads.numberImg = 15;              // Максимальное количество отображаемых картинок
    LastUploads.postOrImg = 0;               // По клику на картинку открывать: 0 - картинку, 1 - пост с картинкой
    </script>
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/66253.css" />
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/66254.js"></script>

Настройки скрипта:
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>