Wie benutze ich map mit einem FadeSlideShow?

Question

Ich versuche, das UseMap-Attribut zu einem dieser Bilder, die dem ImageArray hinzugefügt werden. Der folgende Code ist ein FadeSlide in Javascript, aber ich möchte einige Map-Attribute in einem dieser Bilder instanziieren. Vielen Dank.

<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: "" 
}) 

Answer 1

Sie es mit JS-Code wie

$('#fadeshow1').find('img').each(function() { 
    $(this).attr('usemap', '#imgmap'); 
}); 

Answer 2

Ich würde vorschlagen, ein anderes Plugin zu verwenden.

Das Problem ist, dass FadeSlide Markup für Sie generiert, anstatt vorhandene Markup in Ihrem Dokument zu verbessern. Das beschränkt Ihre Auswahl, wenn Sie ein benutzerdefiniertes Markup für die Bilder verwenden möchten (z. B. usemap Attribut). Auch verletzt es progressive enhancement Prinzip.

Wenn Sie einige Plugin wie JQuery Cycle verwenden, können Sie Sitemap leicht übernehmen:

<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> 

Dann in JavaScript:

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

Das Plugin auch in Bezug auf die verschiedenen Optionen sehr robust ist.