Php MouseOver显示图像的映射区域

我有一个旅游网站。我使用多个可点击的地图。一切都很好，但我不想在MouseOver上显示标题，我想显示一个图像（该地区的旗帜）。我使用的php框架butr应该不会有问题，尽管我已经尝试了很多版本的this.src和其他版本，但我仍然无法让它工作

代码：

assets/images/world.jpg“height=“412”width=“940”alt=“Worldmap”title=“Worldmap”usemap=“#Worldmap”/
有人能帮忙吗？
请看一下这个帖子：我试过了，但没有真正起作用。。
<img src="<?php echo base_url() ?>assets/images/world.jpg" height="412" width="940" alt="Worldmap" title="Worldmap" usemap="#worldmap"/>
<map name="worldmap">
<area shape="poly" coords="522, ... 494, 120" href="<?php echo base_url() ?>index.php/regions/africa" alt="Africa" onmouseover="this.src='assets/images/1.jpg';" />