关于asp.net Repeater控件和JS脚本的一段代码
0
悬赏园豆：10
[已解决问题]
解决于 2012-10-10 11:02
这段代码我看不太懂,麻烦详细解释下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
repeater是将读取到的图片数据添加到photos数组。用的是Array.push方法。
JS中的showImage方法似乎是随机显示photos中的图片。
收获园豆：10
对,这就是显示随机照片的,repeater可以控制JS的函数么?
@微澜:
这段代码里的repeater实际上就是输出一段js代码，这段js代码的功能就是将图片地址加入photos数组中。
你运行代码看看最终的页面代码就明白了。
其他回答(1)
0
这photos 空数组 有意义么