<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0018/40/ad/27899.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0018/40/ad/95429.js"></script>

<style>
    .slider_wrap {margin:100px auto 0;width:860px;height:220px;position:relative;overflow:hidden;-webkit-box-shadow: 0px 7px 10px 0px rgba(187, 86, 67, 0.75);-moz-box-shadow: 0px 7px 10px 0px rgba(187, 86, 67, 0.75);box-shadow: 0px 7px 10px 0px rgba(187, 86, 67, 0.75);}
    .slider_wrap figure {width:820px;height:auto;display:none;position:absolute;top:0;left:20px;	}
    .slider_wrap figure:first-child {display:block;}
    .slider_wrap figcaption {background: rgba(210,180,140, .8);bottom: 0;box-sizing: border-box;font-size: 18px;position: absolute;width: 100%;padding: 1rem;-webkit-transition: max-height 0.3s ease-out;overflow: hidden;}
    .slider_wrap img {width: 80%;height: 200px;object-fit: contain;}
    .datep {filter: contrast(10);}
    .slider_wrap span {margin-top:-13px;width:15px;height:26px;display:block;position:absolute;top:50%;cursor:pointer;background:url(https://forumstatic.ru/files/0017/d8/50/94649.png) no-repeat;}
    .slider_wrap span.next {right:0;background-position:-15px 0;}
    .slider_wrap span.next:hover {background-position:-15px -26px;}
    .slider_wrap span.prev {left:0;background-position: 0 0;}
    .slider_wrap span.prev:hover {background-position: 0 -26px;}
    .publication{width: 80%;text-align: center;position: absolute;font-size: 20px;margin: 0;color: #4682b4;text-shadow: 4px  4px 6px rgba(210, 180, 140, 1), -4px -4px 6px rgba(210, 180, 140, 1), -4px  4px 6px rgba(210, 180, 140, 1), 4px -4px 6px rgba(210, 180, 140, 1);}
    @keyframes anim {0%   { opacity: 0; filter: blur(4px)}
      10%  { opacity: 0; }
      90%  { opacity: 1; }
      100% { opacity: 1; filter: blur(0.5px)}}
    .publication{animation: anim 4s infinite alternate;}
</style>

    <script language="javascript">
    var lm = 5,//количество отображаемых сообщений из темы
    sort = 'desc',//по убыванию 
    si = 2,//id темы из которой выводим новости
    npk ='http://vernisazh.my1.ru/_ph/92/2/396290186.gif?1598527457'; //новостная картинка по-умолчанию
    $(function(){var nf='<div id="slider" class="slider_wrap">',text=[],EndSlider=()=>{nf+='<span class="next"></span><span class="prev"></span></div>';$('#news').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 mg=x[i].message.match(/(?:src=\")(https?:\/\/.*?\.(png|jpg|gif|jpeg|webp))(?:\")/gi);mg=(!mg)?npk:mg;var sod=x[i].message.replace(/\<img class\=\"postimg\" loading\=\"lazy\" src\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" alt\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" \/\>/g,''),pd=x[i].id,t=x[i].posted,z=(2<=mg.length<47)?mg.toString().replace(/(src\=|\")/g,'').split(/,/)[0]:mg.toString().replace(/(src\=|\")/g,''),v=sod.slice(0,300);if(v.length<sod.length){v+='<a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><strong> ... читать подробнее</strong></a>'};t=new Date(t*1e3).toLocaleString('ru');([i]==0)?nf+='<figure class="active"><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>':nf+='<figure><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>';}EndSlider();});$(window).load(function(){var elWrap=$('#slider'),el=elWrap.find('figure'),indexImg=1,indexMax=el.length,changeF=()=>{el.fadeOut(500).filter(':nth-child('+indexImg+')').fadeIn(500);},autoCange=()=>{indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();},interF=setInterval(autoCange,5000);elWrap.on('mouseenter',function(){clearInterval(interF);}).on('mouseleave',function(){interF=setInterval(autoCange,5000);});$('span.next').click(function(){indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();});$('span.prev').click(function(){indexImg--;if(indexImg<1){indexImg=indexMax;};changeF();});});});
    </script>
    <article id="news"></article>