إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

<!-- BEGIN switch_forum_images -->

<p id="page-desc" class="imagelist_desc"></p>

$(function(){
  $('#page-desc,p.imagelist_desc').after('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var intervalId;
    var targetWindow = $(".container-imgs-list");
  

    function startScrolling() {
        intervalId = setInterval(function() {
            targetWindow.scrollTop(targetWindow.scrollTop() + 1);
        }, 10); // Change the interval as needed
    }
  

    function stopScrolling() {
        clearInterval(intervalId);
    }
  

    $("#Latest-images-Button").click(function() {
        if ($(this).data("isScrolling")) {
            stopScrolling();
            $(this).text("تحريك الصور");
        } else {
            startScrolling();
            $(this).text("إيقاف التحريك");
        }
        $(this).data("isScrolling", !$(this).data("isScrolling"));
    });
});
</script>                        
<button id="Latest-images-Button">اضغط-لتحريك-الصور</button>

<div id="container-imgs-list" style="width: 300px; height: 0px; overflow: auto;">
</div>');
});
document.write('<style type="text/css">.container-imgs-list {height: 500px;}
button#Latest-images-Button {
    right: 50%;          
    left: 50%;
    position: relative;
    display: flex;
    margin: 5px;
    color: white;
    padding: 10px;
    background: #1e88e5;
} </style>');