.itemSlider {
        min-width: 210px;
        height: 100%;
}
.dataItem img {
        width: 100%;
        height: 315px;
        border-radius: 8px;
        object-fit: fill;
}
.sliderImg,.dataItem a{
  -webkit-user-drag: none;
  -ms-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
  user-select: none;
}
.dataItem {
        position: relative;
}
.num {
        position: absolute;
        top: 0;
        left: 8px;
        background: #25008a;
        color: white;
        padding: 8px 10px;
        border-radius: 0 0 8px 8px;
        font-weight: 600;
        font-size: 16px;
}
#slides {
        display: flex;
        overflow: hidden;
        scroll-behavior:smooth;
        gap: 10px;
}
.active{cursor:grab;}
.ItemsTitle{text-align:center;margin-top:4px;font-weight:600;font-size:16px;}

<div id='slides'></div>

$.ajax({
url: 'https://www.forum.projexcode.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=150',
type: 'get',
dataType: 'jsonp',
success: function(json) {
let target = [],
num = 1;
for(var i = 0;i<json.feed.entry.length;i++){
var key = {};
feeds = json.feed.entry[parseInt(Math.random() * json.feed.entry.length)];
key['title'] = feeds.title.$t;
for(var e = 0;e<feeds.link.length;e++){
key['href'] = feeds.link[e].href;
}
var imgs,
c = feeds.content.$t,
d=c.indexOf("<img"),
e=c.indexOf('src="',d),
f=c.indexOf('"',e+5),
g=c.substr(e+5,f-e-5);
imgs=-1!=d&&-1!=e&&-1!=f&&""!=g?g:"https://images.bizlaw.id/gbr_artikel/images-2_294.webp";
  
key['img'] = feeds.media$thumbnail != null ? feeds.media$thumbnail.url.replace(/s72-c/,'s500').replace(/=s72-c/,'s500') : imgs;
target[i] = key;
}

var dupe = target.filter((tag, index, array) => array.findIndex(t => t.title == tag.title) == index);

for(var o=0;o<10;o++){
      $('#slides').append('<div class="itemSlider"><div class="dataItem"><div><img loading="lazy" src="'+dupe[o].img+'" class="sliderImg" ondragstart="event.preventDefault();"/><div class="num">'+num+++'</div></div><a href="'+dupe[o].href+'"><div class="ItemsTitle">'+dupe[o].title+'</div></a></div></div>');
     }
},
error: function() {$('#slides').html('<strong>Error Getting Data!</strong>');}
});

const scrollContainer = document.getElementById("slides");

scrollContainer.addEventListener("wheel", (evt) => {
    evt.preventDefault();
    scrollContainer.scrollLeft += evt.deltaY;
});

let isDown = false;
let startX;
let scrollLeft;
const slider = document.querySelector('.slides');
const thisImg = document.querySelector('.sliderImg');
const end = (e) => {
	isDown = false;
  slider.classList.remove('active');
}

const start = (e) => {
  isDown = true;
  slider.classList.add('active');
  startX = e.pageX || e.touches[0].pageX - slider.offsetLeft;
  scrollLeft = slider.scrollLeft;	
}

const move = (e) => {
	if(!isDown) return;
  e.preventDefault();
  const x = e.pageX || e.touches[0].pageX - slider.offsetLeft;
  const dist = (x - startX);
  slider.scrollLeft = scrollLeft - dist;
}

(() => {
	slider.addEventListener('mousedown', start);
	slider.addEventListener('touchstart', start);
  
	slider.addEventListener('mousemove', move);
	slider.addEventListener('touchmove', move);

	slider.addEventListener('mouseleave', end);
	slider.addEventListener('mouseup', end);
	slider.addEventListener('touchend', end);
})();

https://www.forum.projexcode.com