1

我有一个带有图像缩略图的页面，我将其包含在锚标记中，这样当单击时，更大的图像将显示在单独的浏览器弹出窗口中。

JSP：

<a href="#"><img id="<c:out value='${theImg.imgID}'/>" src="<c:out     value="${pageContext.request.contextPath}"/>/ImageServlet?imgID=<c:out value='${theImg.imgID}'/>" width="50" height="50" onClick='showImage("<c:out value='${pageContext.request.contextPath}'/>/ImageServlet?imgID=<c:out value='${theImg.imgID}'/>","<c:out value='${theImg.imgID}'/>");' border="0" alt=""/></a>

Javascript：

win = window.open(url, "", "width=500, height=350, toolbar=yes, menubar=yes, scrollbars=yes, resizable=no, location=no, top=285, left=575");

现在我想在弹出窗口中为图像添加旋转功能（默认情况下，浏览器只提供缩放功能）。我知道我可以使用 JQueryRotate 之类的东西将此功能添加到 IMG 元素。但问题是我不知道如何获取弹出窗口中显示的 IMG 元素的句柄或 ID。有任何想法吗？

4

2 回答 2

0

您需要将脚本直接添加到弹出窗口中。或者，您可以使用 jquery 制作一个看起来和感觉更好的伪弹出窗口。

于 2013-04-18T16:12:29.570 回答
0

您无法获取 IMG 元素的句柄，因为您打开的窗口仅显示您作为 URL 传递给它的图像，它不包含 HTML 标记。

更好的选择可能是打开一个 HTML 页面，然后操作它的 DOM。这是一个类似的链接：js open popup window and accesses it's element in another page

于 2013-04-18T17:24:40.067 回答