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>

巴特西

lightbox2

简单的demo

在ascx中使用lightbox

最新文章

热门文章