ASP.NET 仿QQ相本
日期：2014-05-17 浏览次数：20417 次
ASP.NET 仿QQ相册
问题一：请问一下，asp.net 仿QQ相册 有谁做过，给我源码啊！！！
问题二：我在后台把图片的路径已经获得到，然后封装在一个数组中，
DataTable dt = dal.GetUserPhoto(userid);
int row = dt.Rows.Count;
string[] tb = new string[row];
for (int r = 0; r < row; r++)
{
tb[r] = Convert.ToString(dt.Rows[r][0]);
}
ViewData["Array"] = tb;
return View();
我现在在前台如何用JS获取这个数组 ViewData["Array"] = tb;
我比较菜 刚学习 ，给源码最好，谢谢！！
------解决方案--------------------
jQuery相册插件
http://coffeescripter.com/code/ad-gallery/
------解决方案--------------------
jquery实现Galleriffic
http://www.open-open.com/ajax/Image.htm
JavaScriptSerializer 序列化
------解决方案--------------------
jquery有好酷的相关的插件，可以研究下
------解决方案--------------------
一般都是通过jquery来做的
------解决方案--------------------
分享一段参考代码,用jquery做的
1.页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>三种不同的实现方法完成类似QQ空间图片展示效果(上一张、下一张) by www.865171.cn</title>
<link rel="stylesheet" type="text/css" href="cr.css" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var $lists = $(".CRslide li");
var length = $lists.length;
var i = 0;
/*下一张*/
$(".nextLink").click(function(){
i++;
if( i > (length-1)){
i = 0 ;
}
showImg(i);
return false;
});
/*上一张*/
$(".prevLink").click(function(){
i--;
if( i < 0){
i = length-1 ;
}
showImg(i);
return false;
});
$("a").focus(function(){
$(this).blur();
return false;
});
function showImg(i) {
$lists.hide().eq(i).show();
$(".CRrain").text(i+1);
}
showImg(0);//进入页面初始化
});
</script>
</head>
<body>
<div class="box">
<div class="CRviewer">
<ul class="CRslide" >
<li><img src="images/q1.jpg"/></li>
<li><img src="images/q2.jpg"/></li>
<li><img src="images/q3.jpg"/></li>
<li><img src="images/q4.jpg"/></li>
</ul>
<div class="hoverNav">
<a class="prevLink" href="#"></a>
<a class="nextLink" href="#"></a>
</div>
</div>
</div>
<p>当前显示的是第 <strong class="CRrain">0</strong> 张</p>
<p>© <a href="http://www.865171.cn" >www.865171.cn</a></p>
</body>
</html>
2.jquery框架
略
------解决方案--------------------
------解决方案--------------------
用js实现吧
------解决方案--------------------
问题一：请问一下，asp.net 仿QQ相册 有谁做过，给我源码啊！！！
问题二：我在后台把图片的路径已经获得到，然后封装在一个数组中，
DataTable dt = dal.GetUserPhoto(userid);
int row = dt.Rows.Count;
string[] tb = new string[row];
for (int r = 0; r < row; r++)
{
tb[r] = Convert.ToString(dt.Rows[r][0]);
}
ViewData["Array"] = tb;
return View();
我现在在前台如何用JS获取这个数组 ViewData["Array"] = tb;
我比较菜 刚学习 ，给源码最好，谢谢！！
------解决方案--------------------
jQuery相册插件
http://coffeescripter.com/code/ad-gallery/
------解决方案--------------------
jquery实现Galleriffic
http://www.open-open.com/ajax/Image.htm
JavaScriptSerializer 序列化
------解决方案--------------------
jquery有好酷的相关的插件，可以研究下
------解决方案--------------------
一般都是通过jquery来做的
------解决方案--------------------
分享一段参考代码,用jquery做的
1.页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>三种不同的实现方法完成类似QQ空间图片展示效果(上一张、下一张) by www.865171.cn</title>
<link rel="stylesheet" type="text/css" href="cr.css" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var $lists = $(".CRslide li");
var length = $lists.length;
var i = 0;
/*下一张*/
$(".nextLink").click(function(){
i++;
if( i > (length-1)){
i = 0 ;
}
showImg(i);
return false;
});
/*上一张*/
$(".prevLink").click(function(){
i--;
if( i < 0){
i = length-1 ;
}
showImg(i);
return false;
});
$("a").focus(function(){
$(this).blur();
return false;
});
function showImg(i) {
$lists.hide().eq(i).show();
$(".CRrain").text(i+1);
}
showImg(0);//进入页面初始化
});
</script>
</head>
<body>
<div class="box">
<div class="CRviewer">
<ul class="CRslide" >
<li><img src="images/q1.jpg"/></li>
<li><img src="images/q2.jpg"/></li>
<li><img src="images/q3.jpg"/></li>
<li><img src="images/q4.jpg"/></li>
</ul>
<div class="hoverNav">
<a class="prevLink" href="#"></a>
<a class="nextLink" href="#"></a>
</div>
</div>
</div>
<p>当前显示的是第 <strong class="CRrain">0</strong> 张</p>
<p>© <a href="http://www.865171.cn" >www.865171.cn</a></p>
</body>
</html>
2.jquery框架
略
------解决方案--------------------
------解决方案--------------------
用js实现吧
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
