幻灯片c#html razor

幻灯片c#html razor,c#,html,asp.net,razor,C#,Html,Asp.net,Razor,我需要在网页上制作幻灯片。我不允许使用javascript,它必须使用c#和使用razor语法的html进行编码。我的讲师建议使用switch语句,我有一系列图像,但我已经尝试了数周,但都没有结果。我尝试过,表单帖子,if语句,switch语句。 在这方面他不会再提供任何帮助。 这是我的数组,这是我调用变量的方式,这很好,但是当我单击“下一步”或“上一步”时,我不知道如何更改它。我已经从按钮中删除了所有代码,因为我尝试的任何东西都不起作用。 任何帮助都将不胜感激 string[] images

我需要在网页上制作幻灯片。我不允许使用javascript,它必须使用c#和使用razor语法的html进行编码。我的讲师建议使用switch语句,我有一系列图像,但我已经尝试了数周,但都没有结果。我尝试过,表单帖子,if语句,switch语句。 在这方面他不会再提供任何帮助。 这是我的数组,这是我调用变量的方式,这很好,但是当我单击“下一步”或“上一步”时,我不知道如何更改它。我已经从按钮中删除了所有代码,因为我尝试的任何东西都不起作用。 任何帮助都将不胜感激

string[] images = {"images/1.jpg", "images/2.jpg", "images/3.jpg", "images/4.jpg", "images/5.jpeg", "images/6.png", "images/7.png", "images/8.png"};



<img src="@image" width="250px" height="250px" /><br />
<button>Next</button>
<button>Previous</button>
string[]images={“images/1.jpg”、“images/2.jpg”、“images/3.jpg”、“images/4.jpg”、“images/5.jpeg”、“images/6.png”、“images/7.png”、“images/8.png”};

下一个 以前的
您可以将“下一页”和“上一页”按钮设置为链接,通过查询字符串参数中的“下一页”和“上一页”的编号来调用控制器

当然,您最好使用JavaScript来实现这一点

另一种方法(我认为不是最好的方法)是:

<a href="?imageID=121">Previous</a>
<a href="?imageID=123">Next</a>

…然后让您的razor模板显示相应的图像:

@{
  string imageID = Request.QueryString["imageID"];
  // fetch the image based on this ID 
  // (insert your logic here to get your image)
  string theImage = @fetch.your.image

  <img src="@theImage" />
}
@{
字符串imageID=Request.QueryString[“imageID”];
//基于此ID获取图像
//(在此处插入逻辑以获取图像)
字符串theImage=@fetch.your.image
}