图片使用LightBox浏览
在N多年前,在公司内部实现相似功能的图片浏览的网站,如公司团建,年会,聚餐,活动,外出旅游......
以前,是以二进制数据流实现的,而且数据库没有存储图片任何信息,直接访问文件夹图片,因此得写好几个ashx,附带上目录。
图集目录,
点击图片左下角的绿色箭头或者点击缩略图片,均可浏览到图片原图。
点击箭头右边的小方框,也可以浏览到图片原图。
Lightbox https://lokeshdhakar.com/projects/lightbox2/
现在已经是LightBox 2了。
现今天,Insus.NET以LightBox2再次把实现此类功能,分享出来。
参考上面网站,虽然是英文网站,实现起来,超简单的。
在你的project的Content目录下,创建lightbox目录,把下载下来的css,images,js拷贝过来。
#69~#70行代码在截屏时,去移除了,可以参考下面完整代码,
return '<a class="" href="/Original/' + item.OriginalFileName +
'" data-lightbox="herb-set" data-title=""><img class="" src="/Thumbnail/' + item.ThumbnailFileName + '" alt=""/></a>';
最后,Insus.NET想说的是,LightBox 授权,https://lokeshdhakar.com/projects/lightbox2/#license
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
2020-12-29 非零正数或负数
2017-12-29 获取用户临时文件夹路径
2017-12-29 判断某一个字符串是否存在另一个字符串中
2017-12-29 使用反射为特性赋值
2010-12-29 SQL Server存储过程(procedure)应用