Jak korzystać z usemap z FadeSlideShow?

Question

Próbuję ustawić atrybut usemap na jeden z tych obrazów, które są dodawane do obrazu. Poniższy kod to FadeSlide w javascript, ale chciałbym utworzyć niektóre atrybuty mapy na jednym z tych obrazów. Dzięki.

<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

Można dodać go z kodem JS jak

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

Answer 2

Proponuję użyć innej wtyczki.

Problem polega na tym, że FadeSlide generuje znaczniki zamiast ulepszać istniejący znacznik w dokumencie. To sprawia, że ​​twoje wybory są ograniczone, jeśli chcesz użyć niestandardowego znacznika dla obrazów (np. Atrybutu usemap). Również narusza zasadę progressive enhancement.

Jeśli używasz jakiś plugin jak JQuery Cycle można włączyć mapa łatwo:

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

Następnie w JavaScript:

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

że wtyczka jest również bardzo wytrzymałe pod względem różnych opcji.