这段代码我看不太懂,麻烦详细解释下JS脚本和Repeater控件那一块
<%@ Page Language="C#" %><%@ Import Namespace="System.IO" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><script runat="server"> void Page_Load() { if (!Page.IsPostBack) { DirectoryInfo dir = new DirectoryInfo(MapPath("~/Photos")); rptPhotos.DataSource = dir.GetFiles("*.jpg"); rptPhotos.DataBind(); } }</script><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"> <style type="text/css"> .photo { width:400px; background-color:white; filter:progid:DXImageTransform.Microsoft.Fade(duration=2); } </style> <script type="text/javascript"> var photos = new Array(); window.setInterval(showImage, 2000); function showImage() { if (photos.length > 0) { var index = Math.floor(Math.random() * photos.length); var image = document.getElementById('imgPhoto'); image.src = photos[index]; if (image.filters) { image.filters[0].Apply(); image.filters[0].Play(); } } } </script> <title>Show Repeater Photos</title></head><body> <form id="form1" runat="server"> <div>
<img id="imgPhoto" alt="" class="photo" /> <script type="text/javascript"> <asp:Repeater id="rptPhotos" Runat="server"> <ItemTemplate> <%# Eval("Name", "photos.push('Photos/{0}')") %> </ItemTemplate> </asp:Repeater> showImage(); </script> </div> </form></body></html>
添加回答
举报
0/150
提交
取消