http://lokeshdhakar.com/projects/lightbox2/
简单的demo
<html> <head id="head"> <title> My Site - GiftList </title> <meta charset="UTF-8"> </head> <body class="LTR Chrome ENUS ContentBody"> <a href="./images/empty.jpg" data-lightbox="image-1" data-title="My caption"><img src="./images/empty.jpg" /></a> <link href="./Scripts/lightbox2/lightbox.min.css" rel="stylesheet"> <script src="./Scripts/lightbox2/lightbox-plus-jquery.min.js"></script> </body> </html>
在ascx中使用lightbox
<link href="<%= ResolveUrl("~/Scripts/lightbox2/lightbox.min.css") %>" rel="stylesheet" /> <script src="<%= ResolveUrl("~/Scripts/lightbox2/lightbox-plus-jquery.min.js") %>" ></script> <a href="<%# TransFunctions.GetGiftDefaultImageURL(Eval("GiftID")) %>&height=100&width=100" data-lightbox="image-1" data-title="My caption"> <img src="<%# TransFunctions.GetGiftDefaultImageURL(Eval("GiftID")) %>&height=100&width=100" alt="<%# Eval("GiftName") %>" border="1" /> </a>