javascript - 在鼠标悬停时显示另一张更大的照片

通常我是来这里寻求帮助的JavaScript类，我刚刚开始，但这是一个个人项目，我正在工作。我有代码（见下文）将增加一个鼠标上的照片大小，它工作良好。
问题是，我不仅想显示一个更大的图像，而且对于其中的一个，我还想在鼠标上显示一个完全不同的图像（是的，仍然在一个更大的尺寸！）.
这是我一直在做的，但似乎无法让它正常工作（第一张图像是“之前”，第二张是前后并排的Photoshop增强）。任何帮助都非常感谢。谢谢。。。

<p><a href="" target="blank"><img class="displayed" src="Images/sheriffcarB4.jpg" width="250" height="150" alt="Photoshop Enhancement" onmouseover= "this.src=Images/sheriffcarcompare.jpg" "this.width=1100;this.height=350;"onmouseout="this.width=250;this.height=150"/></a></p></div>

最佳答案

也许是这样的？

<div>
    <p><a href="" target="blank"><img class="displayed" src="Images/sheriffcarB4.jpg"
    width="250" height="150" alt="Photoshop Enhancement" onmouseover= "this.src='Images/sheriffcarcompare.jpg';this.width=1100;this.height=350;" onmouseout="this.width=250;this.height=150"/></a>
    </p>
</div>

WORKING DEMO
在演示中，等待一个secong悬停在图像上，以便图像src更改。只有当src是第三方网站时才会发生这种情况。在你的情况下会很有效的