Javascript 不使用div或其他方式放大图像

我正在使用Joomla开发一个网站，我希望文章中的图像能够放大。 这可以通过以下方式轻松实现： HTML

问题是这些图片没有在文章上使用div，我不会让我的客户在每次创作新文章时都在imgs周围放置div。 因此，如果您有任何想法或js代码来在图像周围放置div，您将非常有帮助

，您可以使用：

<div class="container"><img src="lol.png" /></div>

.container {overflow: hidden; width: 200px height: 150px;}
.container img:hover {transform:scale(1.1);}

img:hover {
    tranform: scale(1.2);
    clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
}