6

imagearray に追加されたこれらの画像の 1 つに usemap 属性を設定しようとしています。以下のコードは JavaScript の FadeSlide ですが、これらの画像の 1 つでいくつかのマップ属性をインスタンス化したいと考えています。ありがとう。

<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 に答える