How can I create an interactive slideshow?

[ConstantChange]

clicking left and right to switch between images, for example

[lbgrid]

<fireboxroom>
    <assets>
        <assetimage id="slide1" src="./slide1.jpg" />
        <assetscript src="./slideshow.js" />
    </assets>
    <room>
        <object js_id="mypresentationscreen">
            <object js_id="mybackbtn"></object>
            <object js_id="myfwdbtn"></object>
        </object>
     </room>
</fireboxroom>

<script>
    /* 
        slideshow.js
    */
    let slides=[/* image assets list csv */];
    var _slide=0;
    let screen=room.objects['mypresentationscreen'];
    let back=room.objects['mybackbtn'];
    let fwd=room.objects['myfwdbtn'];
    screen.image_id=slides[_slide];
    back.addEventListener('click',function(){
        if(_slide!=0){
            _slide--;
            screen.image_id=slides[_slide];
        }
    });
    fwd.addEventListener('click',function(){
        if(_slide<slides.length){
            _slide++;
            screen.image_id=slides[_slide];
        }
    });
</script>