打开一个新的 window 以显示比浏览器更宽的图像，并显示最右边的部分

Question

我想找到一种方法让图像向右滚动（最好没有动画，但我也会使用动画）

要求

这是一个正在打开的 window 页面，其中 html 是动态生成的（即没有文件正在加载）。其目的是显示图像。图片比浏览器宽，我希望它显示最右边的部分，因此向右滚动。
生成的 window 中最好没有 javascript。我昨晚对此进行了调查，但我无法轻易弄清楚如何使用 innerHTML 来插入脚本。如果唯一的方法是使用 javascript 那么我想我对此持开放态度。

昨晚我花了很多时间调查这个问题，还是想不通。我最接近的是 float: right...这几乎是完美的，只是我不知道如何显示滚动条。滚动条在这里必不可少，所以我可以查看图像的左侧。

有没有人有什么想法？

Answer 1

如果新页面加载时没有一些 JS，我看不出如何做到这一点。

此代码使用 JS 滚动功能在加载图像后滚动页面。要滚动的量是图像的自然宽度减去视口宽度。

<button onclick="showimg();">Click me to show image</button>
<script>
function showimg() {
  newWindow = window.open("","newwindow");
  newWindow.document.write("<img src='https://picsum.photos/id/1015/3000/1000' onload='window.scroll(this.width - window.innerWidth, 0);'>");
}
</script>

打开一个新的 window 以显示比浏览器更宽的图像，并显示最右边的部分

Opening a new window to show a wider-than-the-browser image, and having the rightmost part showing

html

css

要求