在asp.net mvc3中的圖像幻燈片？

我在我的數據庫中有幾張圖片，它像一個圖庫一樣在另一張下面顯示，但我的要求是我想顯示爲一張幻燈片...應該顯示一張圖片，並在2秒後顯示另一張圖片..方式，如何完成它？在asp.net mvc3中的圖像幻燈片？

這是我的看法代碼

@{ 
    ViewBag.Title = "Home Page"; 
} 

<h2>@ViewBag.Message</h2> 
@for(int i = 1; i <= Convert.ToInt32(ViewData["count"]); i++) 
{ 
    <img src="@Url.Action("dp", "Home",new { id = i })" /> 
}

來源

2013-02-05 colors bright

http://jquery.malsup.com/cycle/ – Archer

此圖像應該是在本地應用程序文件夾，我的圖片是從數據庫 –

寫一個動作從數據庫中獲取他們... – Coda

你可以自己寫一些東西，或者你可以使用現有的許多的JavaScript/jQuery的幻燈片庫之一。如果你自己寫了一些東西，你會基本上像所做的一樣加載所有的圖片，但是將它們全部隱藏起來。然後使用JavaScript/jQuery來顯示它們並隱藏它們。

以下是一種使用jquery.malsup.com/cycle/中稱爲jQuery Cycle Plugin的方法。

@{ 
     ViewBag.Title = "SlideShow"; 
    } 
    <h2> 
     SlideShow</h2> 
    <style type="text/css"> 
     .slideshow 
     { 
      width: 700px; 
      height: 700px; 
      margin: auto; 
     } 
     .slideshow img 
     { 
      padding: 15px; 
      border: 1px solid #ccc; 
      background-color: #eee; 
      margin-left: auto; margin-right: auto; display: block; 
     } 
    </style> 
    <!-- include Cycle plugin --> 
    <script src="@Url.Content("~/Scripts/jquery.cycle.all.js")" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.slideshow').cycle({ 
       fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
      }); 
     }); 
    </script> 
    <div> 
     <a href="javascript:history.go(-1)">Back</a> | @Html.ActionLink("Back to Directory", "Index", new { dir = Request.QueryString["dir"] }) 
    </div> 
    <div class="slideshow"> 
     @for(int i=1;i<=Convert.ToInt32(ViewData["count"]);i++) 
     { 
      <img src="@Url.Action("dp", "Home",new { id = i})" /> 
     } 
    </div>

這就是要點無論如何......您將不得不修改它以滿足您的需求。

來源

2013-02-05 09:34:06 Coda

在asp.net mvc3中的圖像幻燈片？

回答

相關問題