显示以下效果:
点击任意一张图片会显示大图:
1、前台界面
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="练习.WebForm1" %><script src="Jquery1.7.js?1.1.15" type="text/javascript">《script》 <script src="js/NFLightBox.js?1.1.15" type="text/javascript">《script》 <script type="text/javascript"> $(function () { //var settings = { containerResizeSpeed: 3000 }; $('#myp ul a').lightBox({ containerResizeSpeed: 1000 }); }) 《script》
2、后台代码
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data.SqlClient;using System.Data;using System.Text;namespace 练习{ public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { LoadData(); } } private void LoadData() { string constr = "data source=LOVE-PC\SQLEXPRESSPC;initial catalog=BoKe;user id=sa;password=admin"; using (SqlConnection conn = new SqlConnection(constr)) { using (SqlCommand cmd =conn.CreateCommand()) { conn.Open(); cmd.CommandText = "select BigImgUrl,SmallImgUrl from T_Photo"; SqlDataAdapter adapter = new SqlDataAdapter(cmd); DataTable dt = new DataTable(); adapter.Fill(dt); StringBuilder sb = new StringBuilder(); sb.Append("
以上就是本文的全部内容,希望对大家的学习有所帮助。