Question

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

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。有什么想法吗？

Answer 1

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

Answer 2

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

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

在浏览弹出窗口中旋转图像？

2 个答案: