سلام
با استفاده از setTimeout یک تایمر تعریف کنید که بعد از زمان مشخص افکت تصویر مورد نظر رو اجرا کند و بعد از پایان افکت دوباره تایمر رو اجرا کنید1- هر چند ثانیه به صورت خودکار به عکس بعدی بره و در اخر که تصاویر تموم شد به تصویر اول برگرده
تایمر تعریف شده در بالا را با استفاده از رویداد mouseout و mouseover متوقف و یا مجددا دوباره اجرا کنید2-وقتی موس روی اسلاید میاد ، اسلاید حرکت نکنه و وقتی موس کنار رفت مجددا" به حرکش ادامه بده
با استفاده از css میتونید سایز تصاویر رو فیت کنید3-وقتی سایز عکس ها متفاوت بود همگی رو به یک اندازه نشون بده
اینجا یک مثال خیلی ساده براتون زدم جزئیاتی مثل لودینگ و افکت های تصاویر و جهت جابجایی و استفاده از کیبورد برای جابجایی و پشتیبانی از تمام مرورگرها و بهینه سازی و موارد دیگر بسیار راحت هست فقط باید کمی وقت صرف کنید
https://codepen.io/h_steam/pen/XPrKgJ