在新标签中打开图像而不下载它（仅显示图像）

Question

我在一家公司工作，我的工作是在电子学习环境中添加内容。这不是我真正的任务，但我必须添加的说明是大屏幕截图，我们正在使用 Moodle 并且定制没有那么深入。我用脚本制作了 3 个（工作）代码，我发现可以在同一个窗口中放大图像，但这似乎不可能（因为 moodle 的界面），所以必须用全尺寸的图像制作一个新窗口.出现了一个新问题，图像不断被下载（有时会出现一些随机的 Outlook 开口），所以我必须强制图像显示在新选项卡中并且不被下载。 这是我尝试过的

<div class='item'>
<a href="url" target="_top">
<img width="954" height="243" style="cursor: -webkit-zoom-in;" src="url" />
</a><div class='thumb' attribute='onclick'>
</div>
</div>
</div>

顺便说一句，这是我第一次真正使用 html，但我一直很擅长使用计算机。并且不可能像灯箱一样在网络服务器中添加文件，它必须通过脚本或纯 html 代码来完成。

Answer 1

通过将目标设置为 _blank 将在新窗口中打开图像

 <div class='item'>
 <a href="url" target="_blank">
 <img width="954" height="243" style="cursor: -webkit-zoom-in;" src="url" />
 </a><div class='thumb' attribute='onclick'>
 </div>
 </div>
 </div>

Answer 2

如果您将链接标签中的目标属性设置为“_blank”，它应该在新标签中打开

<a href="url" target="_blank">...</a>