Слайдер картинок, частично на основе скрипта Ромыча + плагин слайдер:

Код:
<!--- Блок слайдера. Выводим куда надо. --->
<div class="sliders"></div>

<!--- Плагин слайдер --->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/49/9f/64330.css">
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/49/9f/55003.css">
<script type="text/javascript" src="https://forumstatic.ru/files/0013/49/9f/55349.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/49/9f/18625.js"></script>

<style>.slick-slide img{width: 100%;height: 150px;object-fit: contain;}</style>
<!-- Вывод картинок из тем в слайдер -->
<script language="javascript">
var lm = 100,//количество отображаемых сообщений из темы
sort = 'desc',//поубыванию 
si = [1,2,3],//id темы из которой выводим новости
npk = //новостная картинка по-умолчанию
$(function(){var nf='<div class="autoplay">',text=[],EndSlider=()=>{nf+='</div>';$('.sliders').append(nf);}
$.getJSON('/api.php?method=post.get&topic_id='+si+'&sort_dir='+sort+'&limit='+lm+'&fields=id,message,posted',
function(d){var x=d.response;
for(var i in x){
var sod=x[i].message.match(/\<img class\=\"postimg\" loading\=\"lazy\" src\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" alt\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" \/\>/g),pd=x[i].id;
if(sod !== null){var far = '<div><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'">'+sod+'</a></div>';}
else {var far = '';}
nf+=far;}EndSlider();
$('.autoplay').slick({
  slidesToShow: 7,
  slidesToScroll: 1,
  autoplay: true,
  arrows: false,
  dots: true,
  autoplaySpeed: 2000,
});
});
});
</script>
<!--Окончание-->

Посмотреть в действии можно здесь: https://ushas1.mybb.ru/

Плагин слайдера: http://kenwheeler.github.io/slick/