幻灯片 c# html razor答案

【问题标题】：Slideshow c# html razor幻灯片 c# html razor
【发布时间】：2016-01-12 14:22:41
【问题描述】：

我需要在网页上制作幻灯片。我不允许使用 javascript，它必须使用 c# 和 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>

【问题讨论】：

标签： c# html asp.net razor

【解决方案1】：

您可以将下一个和上一个“按钮”设置为调用控制器的链接，并在查询字符串参数中使用下一页和上一页的编号

【讨论】：

【解决方案2】：

您当然最好使用 JavaScript。

另一种方法，IMO 不是最好的方法，是做类似的事情：

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

...然后让您的剃须刀模板显示适当的图像：

@{
  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" />
}

【讨论】：