Question

我在制作图像地图时遇到了一个小问题。我有一个幻灯片（使用wowslider创建），加载后图像映射不起作用。我想我必须将图像映射调用到某个地方的JS，但我不太确定如何使用。

任何帮助都将不胜感激。

HTML：

  <link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
  <script type="text/javascript" src="engine1/jquery.js"></script>

  <div id="wowslider-container1">
  <div class="ws_images"><ul>
  <li><img src="data1/images/bebek.jpg" alt="bebek" title="bebek" id="wows1_0" usemap="bebekmap1"/></li>
  <li><img src="data1/images/dis.jpg" alt="dis" title="dis" id="wows1_1"/></li>
  <li><img src="data1/images/dogum.jpg" alt="dogum" title="dogum" id="wows1_2"/></li>
  </ul></div>

  <!----Map begin--->
  <map name="bebekmap1">

  <area shape="poly" coords="384,141,421,116,434,113,435,106,447,102,450,111,476,123,492,139,499,166,470,166,454,166,457,205,450,222,441,229,425,228,416,220,415,206,425,201,426,186,427,170,427,161,416,167,403,163,392,162,383,161,376,153,379,145" href="#" target="#" alt="f" />
  </map>
  <!----Map End--->

  <div class="ws_thumbs">
  <div>
  <a href="#wows1_0" title="bebek"><img src="data1/tooltips/bebek.jpg" alt="" /></a>
  <a href="#wows1_1" title="dis"><img src="data1/tooltips/dis.jpg" alt="" /></a>
  <a href="#wows1_2" title="dogum"><img src="data1/tooltips/dogum.jpg" alt="" /></a>
  </div>
  </div>
 <a href="#" class="ws_frame"></a>
 <div class="ws_shadow"></div>
 </div>
 <script type="text/javascript" src="engine1/wowslider.js"></script>
 <script type="text/javascript" src="engine1/script.js"></script>

Answer 1

我之前也试过这个，在广泛的搜索中我发现wowslider不支持单个图像上的图像映射。然后我用了anythingslider。在谷歌上搜索anythingslider。它正在开发任何滑块。

地图标记不起作用

1 个答案: