Html 带有onmouseover更改图像的Chrome扩展'；s src

我有如下html代码：

<div class="thumbnails">
    <img onmouseover="preview.src=img1.src" name="img1" src="images/img1.jpg"/>
    <img onmouseover="preview.src=img2.src" name="img2" src="images/img2.jpg"/>
    <img onmouseover="preview.src=img3.src" name="img3" src="images/img3.jpg"/>
</div><br/>

<div class="preview" align="center">
    <img name="preview" src="images/img1.jpg"/>
</div>

最初的想法是鼠标移到缩略图图像上。预览div会将src更改为特定图像。它在本地PC上运行得很好

但是如果我把它捆绑到Chrome扩展中，预览功能就不起作用了

我也尝试过另一种方法

它仍然无法工作。

根据Chrome：

将不执行内联JavaScript。此限制同时禁止内联块和内联事件处理程序

---

这意味着您的内联事件处理程序必须移动到外部JS文件

我该如何解决这个问题？你能给我举个例子吗？@ErtuğrulAltınboğa将你的代码放入外部

.js

文件中，并通过

标记将其包括在内