隨滾動條移動

$(document).scroll(function () {
        if (imgTemp != "") {
            $("#divShowImage").dialog({ top: $(document).scrollTop() + ($(window).height() - clientH) * 0.5 });
        }
    })

圖片自動縮略

function adjustImgSize(img, boxWidth, boxHeight) { 
        var tempImg = new Image();
        tempImg.src = img.attr('src');
        var imgWidth = tempImg.width;
        var imgHeight = tempImg.height;
        if ((boxWidth / boxHeight) >= (imgWidth / imgHeight)) {
            img.width((boxHeight * imgWidth) / imgHeight);
            img.height(boxHeight);
            var margin = (boxWidth - img.width()) / 2;
            img.css("margin-left", margin);
        }
        else { 
            img.width(boxWidth);
            img.height((boxWidth * imgHeight) / imgWidth);
            var margin = (boxHeight - img.height()) / 2;
            img.css("margin-top", margin);
        }
    };

JS呼叫自動縮放

function ShowImage(id) {
        var src = "../Attachment/ShowBitFiles.aspx?Id=" + id + "&OpeType=0";
        
        $("#divShowImage").html("<img id='_img' src='" + src + "'/>");
        $('#_img').load(function () {
            adjustImgSize($(this), $(this).parent().width(), $(this).parent().height());
        })
        imgTemp = "1";
        $('#divShowImage').dialog({
            title: "圖片預覽",
            width: clientH,
            height: clientH,
            modal: true
        });
    }