JQuery插件实现相册效果(数据库调用图片)
来源:互联网 发布:sip服务器端口 编辑:程序博客网 时间:2024/06/05 06:34
aspx页面----------------------------
<head runat="server">
<title></title>
<style type="text/css">
#mydiv ul{ list-style-type:none;}
#mydiv ul li{ display:inline;}
#mydiv{ width:500px; border:solid 1px #444; background-color:#333;}
</style>
<link href="nf.lightbox.css" rel="stylesheet" type="text/css" />
<script src="Jquery1.7.js" type="text/javascript"></script>
<script src="NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#mydiv ul a').lightBox();
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="mydiv" runat="server">
</div>
</form>
</body>
</html>
aspx.cs页面--------------------
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
loadshow();
}
}
string constr = @"data source=.;initial catalog=Text;User Id=sa;Password=admin";
public void loadshow()
{
SqlConnection conn = new SqlConnection(constr);
SqlCommand cmd = new SqlCommand();
cmd.Connection = conn;
cmd.CommandText = "SELECT img FROM T_img WHERE class='small'";
SqlDataAdapter adapter = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
adapter.Fill(dt);
cmd.CommandText = "SELECT img FROM T_img WHERE class='big'";
SqlDataAdapter adapter1 = new SqlDataAdapter(cmd);
DataTable dt1 = new DataTable();
adapter.Fill(dt1);
cmd.Dispose();
conn.Dispose();
StringBuilder sb1 = new StringBuilder();
sb1.Append("<ul>");
for (int i = 0; i < dt.Rows.Count; i++)
{
sb1.Append("<li>");
sb1.Append("<a href=images/"+dt1.Rows[i][0].ToString()+"><img src=images/"+dt.Rows[i][0].ToString()+" /></a>");
sb1.Append("</li>");
}
sb1.Append("</table>");
mydiv.InnerHtml = sb1.ToString();
}
- JQuery插件实现相册效果(数据库调用图片)
- jQuery插件实现模拟dialogs效果实例(图片)
- loner_li JQuery插件 实现相册光箱特效(后台数据库调图片和前台直接显示)
- 利用jquery插件中的拖拽与放置实现的相册效果,可以删除和恢复
- 利用JQuery插件 实现相册拖拽删除和弹回去的效果
- jquery.uploadify插件实现图片上传和预览效果
- jquery框架中使用jqzoom插件实现图片放大镜效果
- jQuery-实现图片投影效果的js插件
- jquery.uploadify插件实现图片上传和预览效果
- jquery.uploadify插件实现图片上传和预览效果
- 10款响应式 jQuery实现图片效果插件
- 利用jquery-fform.js插件实现图片所见即所得效果
- jquery.uploadify插件实现图片上传和预览效果
- JQUERY 图片幻灯片效果插件
- Jquery 插件的图片效果
- 图片播放(相册效果) - CSS实现
- jquery插件实现qq相册功能
- jquery制作图片放大显示插件Lightbox2.6图片相册
- 第九周上机任务(一)
- linux计划任务
- storm版本
- Linux使用shell编程自动切换IP
- Chrome 获取屏幕位置问题
- JQuery插件实现相册效果(数据库调用图片)
- 字节大小端判断
- POJ 2195 Going Home
- linux下常用函数及命令
- Linux Shell中的美元符号$
- Zend Studio 9.0.1 修改默认字体\颜色的修改(字体及方法名等)
- 一款无损wav格式换肤播放器
- linux udp封装函数
- Java基础回顾第1天