Лайтбокс с использованием InterImage Link с ответом - PullRequest
Новая
       14

Лайтбокс с использованием InterImage Link с ответом

0 голосов
/ 08 сентября 2011

У меня есть ответ, в котором я сохраняю как миниатюру, так и исходные изображения, как показано ниже. 

context.Response.Write("<a href='" + (tempPath & "/") + filename + "'><img src='" + (tempPath & "/thumbs/") + "t_" + filename + "'/></a>")

Итак, как мне дать эффект Lightbox

Вот мойСобытие Uploadify OnComplete: 

<script type="text/javascript">
    $(window).load(
    function () {
        $("#Inputfile").fileUpload({
            'uploader': 'scripts/uploader.swf',
            'cancelImg': 'images/cancel.png',
            'buttonText': 'Browse Files',
            'script': 'UploadVB.ashx',
            'folder': 'uploads',
            'fileDesc': 'Image Files',
            'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
            'queueSizeLimit': 9999,
            'simUploadLimit': 2,
            'sizeLimit': 4000000,
            'multi': true,
            'auto': true,
 'onComplete': function (event, queueID, fileObj, response, data) {
            var paths = response.split(";");

            $("#thumbnail").append(response)
              },

    });
}
);

А вот мой элемент DIV: 

<div id="thumbnail">
Here I am able to display the thumbnail image through which I called through the response and If I click the thumbnail it's opening the Image but not with the Lightbox effect.
</div>

1 Ответ

0 голосов
/ 08 сентября 2011

После добавления ответа вы должны настроить эффект лайтбокса. Вы также можете делегировать событие click внутри #thumbnail так, чтобы при каждом щелчке внутри эскиза, который делается на привязке, вызывалась функция. затем вы можете открыть изображение в лайтбоксе.

чтобы начать: 

$('#thumbnail').delegate('a', 'click', function (e) {

    // open the href inside a lightbox

    e.preventDefault(); // to prevent opening the link
});
...