php到asp.net转换的改进和bug

我找到了这个教程，关于如何使用图像目录并从中构建一个图库并应用灯箱插件。我不知道php，但我试着把代码和做asp.net/c#教程的转换，我得到了它在这里工作。

我现在面临一个问题，我也很好奇是否有什么事情我可以做得不同。

我遇到的问题是，当你点击一个图像，不是第一个或最后一个图像，你使用箭头键向前和向后，它是从图像12，例如到10到8到6，等等，或者它可能从2到5到7。我不明白为什么会这样。

对于生成图库的代码，我有一个方法:

public string CreateGallery()
{
    StringBuilder sb = new StringBuilder();
    string directory = "gallery";
    string[] allowedTypes = new string[] { "jpg", "jpeg", "gif", "png" };
    string[] file_parts = new string[] { };

    string ext = "";
    string title = "";
    int i = 0;
    string[] files = System.IO.Directory.GetFiles(Server.MapPath(directory));

    foreach (var file in files)
    {
        file_parts = Path.GetFileName(file).Split('.');
        ext = file_parts[1];
        title = file_parts[0];
        string nomargin = "";
        if (allowedTypes.Contains(ext))
        {
            if ((i + 1) % 4 == 0) nomargin = "nomargin";
            sb.Append(string.Format("<div class='"pic {0}'" 
                                    style='"background:url('{1}') no-repeat 50% 
                                    50%'"><a href='"{2}'" title='"{3}'" target='"_blank
                                       '">{4}</a></div>", 
                                    nomargin, directory + "/" + 
                                    Path.GetFileName(file),
                                    directory + "/" + Path.GetFileName(file), 
                                    Path.GetFileName(file), 
                                    Path.GetFileName(file)));
                i++;
            }
        }
        return sb.ToString();
    }

我在demo.aspx中调用<%=CreateGallery() %>。我基本上是一字不差地复制了代码，所以有什么是我不需要做的(不必要的)。呼叫<%=CreateGallery() %>是一个好的选择，还是有更好的方法。其他的改进也是受欢迎的。