Lightswitch HTML -点击放大图像

Lightswitch HTML - enlarging an image on click

本文关键字:放大 图像 -点 HTML Lightswitch      更新时间:2023-09-26

是否有人编写了一些代码或找到了在Lightswitch HTML上使图像可点击的方法?我认为,如果能点击照片,然后将其放大,那肯定是一个很好的功能……

如果是,请在下面分享你的答案/研究

谢谢

比我想象的要简单得多…在我的例子中,我有一个表视图,其中列出(x)行数,每包含一个图像限制为150px × 150px…

  1. 创建一个弹出窗口,并将图像从左窗格上的表拖到弹出窗口上。(不是整个表格)确保调整列/行宽度以适合图像,否则图像将在弹出框边界上展开…

  2. 点击屏幕(中间)表格视图中的图像,选择itemTap,选择弹出的

  3. 改变图像的大小,以适合你的弹出和你准备去:)

  4. 添加下面的代码使弹出框居中(EditRender在弹出框上):

myapp.ViewEngineer.popupname_postRender = function (element, contentItem) {
    $(element).parent().on("popupcreate", function (e) {
        $(e.target).popup({
            positionTo: "window",     // position the popup in the center of the browser window
        });
    });
};