Слайдер картинок, частично на основе скрипта Ромыча + плагин слайдер:
Код:
<!--- Блок слайдера. Выводим куда надо. ---> <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/