html web site hakkında

<article id="content">
<div class="slider_bg">
<div class="slider">
<ul class="items">
<li><img src="images/semazen1.jpg" alt="">
<div class="banner">
</div>
</li>
</ul>
</div>
</div>
<div class="wrap">
<section class="cols-index">
<div class="box">
<div>


yukarıdaki gibi bir kod var web sitemde şimdi slayt şeklinde 2. resme geçmesini istiyorum 2. resim ismi adresimiz.png nasıl yapabilirim anlayan varmıydı acaba

Örnek kodlar
https://www.w3schools.com/howto/howto_js_slideshow.asp

<article id="content">
<div class="slider_bg">
    <div class="slider">
        <ul class="items">
            <li><img src="images/semazen1.jpg" alt="">
                <div class="banner"></div>
            </li>
            <li><img src="images/resimyolu.png" alt="">
                <div class="banner"></div>
            </li>
        </ul>
    </div>
</div>
<div class="wrap">
<section class="cols-index">
<div class="box">
<div>

Şu şekilde deneyebilir misiniz? "resimyolu.png" yazan yere resmin adını ve uzantısını yazmanız gerekli.

nabtın hocam o kadar bilgim yok

yaptım hocam bu kodlarla çok teşekkür ederim..

Rica ederim hocam.