Question

我正在开发一个网站，有一个上传图片的选项，提供功能来裁剪并上传。直到现在它是一个单独的页面，但现在我想将它显示为第一页的链接，点击链接它应该打开一个新的框架（有点像Facebook如何打开图像），并显示选择图像的选项上传以及裁剪功能。

我在这里发布了一张图片，但由于积分问题我不允许这样做，如果您需要获取图片的想法，只需查看您的Facebook帐户上的照片。

Answer 1

看JQuery Boxy。它很有意义，看起来更接近Facebook对话框

Answer 2

由于您还没有指定javascript框架，我想我会建议一种简单的javascript方式来动态地将iframe添加到当前文档中。这仅在图片上传页面与将提供iframe的网站位于同一服务器上时才真正适用。否则你可能想要使用帧以外的东西......

function showIframe() {
            /* Parent element */
            var widget = document.createElement("div");
            widget.style.position="fixed";
            widget.style.top="100px";
            widget.style.left="100px";
            widget.style.width="300px";
            widget.style.height="200px";

            /* picture uploading page frame */
            var iframe = document.createElement("iframe");
            iframe.src = "http://localhost"; // use your picture upload URL here

            /* Add to document */
            widget.appendChild(iframe);
            document.body.appendChild(widget);
}

并在HTML中添加一个带回调的元素，该回调调用showIframe（），如：

<a onclick="showIframe()">Picture Widget</a>

如何将数据显示为弹出或第二层？

2 个答案: