Javascript 要使用maphighlight.js在图像悬停（在图像上）上显示矩形吗

我使用maphighlight在图像悬停时显示一个矩形。但是，此功能适用于单个图像

我正在对多个图像使用图像滑块。使用滑块时，上述功能不起作用

下面是我的html代码

<div class="slideshow-container">
    <div class="mySlides">
       <img src="images/PartNumberDot.jpg" width="95%" height="100%" usemap="#image-map" class="map" />
         <map name="image-map">
           <area target="" alt="" title="" href="" id="RE555087" coords="119,267,172,285" shape="rect">
           <area target="" alt="" title="" href="" id="RE541746" coords="119,314,173,332" shape="rect">
            <area target="" alt="" title="" href="" id="RE539279" coords="117,339,174,360" shape="rect">
         </map>
      </div>
      <div class="mySlides">
         <img src="images/background1.jpg" width="95%" height="100%" usemap="#image-map1" class="map" />
            <map name="image-map1">
               <area target="" alt="" title="" href="" id="RE555067" coords="119,267,172,285" shape="rect">
               <area target="" alt="" title="" href="" id="RE541756" coords="119,314,173,332" shape="rect">
               <area target="" alt="" title="" href="" id="RE539216" coords="117,339,174,360" shape="rect">
            </map>
      </div>  
</div>

//为以下代码而非以上代码工作

<img src="images/PartNumberDot.jpg" width="95%" height="100%" usemap="#image-map" class="map" />
  <map name="image-map">
    <area target="" alt="" title="" href="" id="RE555087" coords="119,267,172,285" shape="rect">
    <area target="" alt="" title="" href="" id="RE541746" coords="119,314,173,332" shape="rect">
    <area target="" alt="" title="" href="" id="RE539279" coords="117,339,174,360" shape="rect">
 </map>

@RajeshKdev-我想你明白我的意思了，帮助我的处境会很感激的。感谢advanceI，我不确定您想用图像滑块实现什么maphighlight.js（假设JQuery maphighlight js）。你能发布一些源代码示例并解释你面临的问题吗。这样我才能更好的理解和帮助@拉杰什克德夫，我更新了我的问题。请查收