c# - 解释 Asp.net 中的 slider 代码

Question

我在 ASP.net 中使用 C#我从这里得到了这个代码http://www.c-sharpcorner.com/UploadFile/c63ec5/build-image-slider-with-Asp-Net/它工作得很好，有人可以给每一行提供一小行描述吗？

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg'];
        var count = NoofImage.length;
        $(function () { setInterval(Slider, 2000) });
        function Slider()
        {
            $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow");
            });
        }
    </script>

Answer 1

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

这一行只是从 googlecode.com 加载 jquery 库

<script type="text/javascript">
    var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg'];

这一行实例化图像的字符串数组。 (文件位置)

    var count = NoofImage.length;

计算上面数组的长度

    $(function () { setInterval(Slider, 2000) });

这将运行一个函数，该函数每 2000 毫秒(2 秒)运行一次函数“Slider”

    function Slider()
    {
        $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow");
        });
    }
</script>

这会为您的图像一次创建一个淡入效果。它以“慢”的速度淡出并运行一个内联函数，该函数根据当前编号的数组中给定的 URL 实例化图像。在到达最后一个图像后，它使用模数返回到第一个图像。该行依赖于 DOM 元素“imageSlide”。

我希望这足以回答您的问题。