本文实例为大家分享了基于jquery实现点击小图显示大图效果，供大家参考，具体内容如下
显示以下效果：
点击任意一张图片会显示大图：
1、前台界面

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(); for (int i = 0; i < dt.rows.count; i++) { sb.append();//添图片路径 sb.append(); sb.append();//添图片路径 sb.append(); sb.append(); } sb.append(); mydiv.innerhtml = sb.tostring(); } } } }}
以上就是本文的全部内容，希望对大家的学习有所帮助。