如何制作代码的div部分幻灯片WebMatrix

Question

我是WebMatrix的新用户。在使用Bakery模板时，他们有一段代码名为featuresProduct，在每个页面加载时会随机显示此部分中的产品。如何让它为这段代码做一个“幻灯片放映”？例如，我希望它随机显示x个产品中的一个。在一定的秒数内显示生产，描述和“请求更多信息”框，然后显示其他产品之一？

提前致谢。

    <div id="featuredProduct">
       <a href="~/Images/Products/@featured.ImageName" data-     lightbox="~/Images/Products/@featured.ImageName">
       <img alt="Featured Product" src="~/Images/Products/@featured.ImageName"/>
       </a>
    <div id="featuredProductInfo">
    <div id="productInfo">
        <h2>@featured.Name</h2>
        <p class="price">$@string.Format("{0:f}", featured.Price)</p>
        <p class="description">@featured.Description</p>
    </div>
    <div id="callToAction">
        <a class="order-button" href="~/order/@featured.Id" title="Order @featured.Name">Request More Information</a>
    </div>
    </div>
    </div>

Answer 1

看看我的这篇帖子：An enhanced WebMatrix Bakery template。

它应该仍然有用。