@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<div id="images"></div>
<button id="btn-load">Load</button>

@section scripts{
    <script>
        var imgs = ["Desert.jpg", "Hydrangeas.jpg", "Jellyfish.jpg", "Lighthouse.jpg", "Penguins.jpg", "Tulips.jpg"]
        var index = 0;
        $(function () {
            $("#btn-load").click(function () {
                $("<img width=60/>")
                    .attr("src", "/Images/" + imgs[index])
                    .load(function () {
                        $(this).hide()
                            .appendTo("#images")
                            .show(1000);
                        index = (index + 1) % imgs.length;
                    });

            });
        });
    </script>    
}

tương tự nha bạn. cố gắng tùy biến

https://drive.google.com/file/d/1IGSwwCrMNC7L04xXI2DmI8TBQhcXET3s/view?usp=sharing

Tải về nghiên cứu nhé :))