6

我正在尝试将 usemap 属性设置为添加到图像数组中的这些图像之一。下面的代码是 javascript 中的 FadeSlide，但我想在其中一张图像上实例化一些地图属性。谢谢。

<script type="text/javascript">

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1",
    dimensions: [250, 180],
    imagearray: [
        ["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
        ["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"]
    ],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, 
    fadeduration: 500,
    descreveal: "ondemand",
    togglerid: ""
})
4

2 回答 2

1

我建议使用不同的插件。

问题是它会FadeSlide为您生成标记，而不是增强文档中的现有标记。如果您想对图像使用一些自定义标记（例如usemap属性），这会使您的选择受到限制。它也违反了渐进增强原则。

如果您使用像JQuery Cycle这样的插件，您可以轻松地合并站点地图：

<div id="slider">
  <img src="http://img1.jpg" width="200" height="200" usemap="#mymap1" />
  <img src="http://img2.jpg" width="200" height="200" usemap="#mymap2" />
</div>

然后在 JavaScript 中：

$('#slider').cycle();

该插件在不同选项方面也非常强大。

于 2013-06-10T18:32:16.900 回答
1

您可以使用 JS 代码添加它，例如

$('#fadeshow1').find('img').each(function() {
    $(this).attr('usemap', '#imgmap');
});
于 2013-06-17T15:25:48.800 回答