есть изображение с юземапой, наведение на зону которой меняет изображение одно на другое
есть красный кубик, который драгается и должен при "пролете" над зоной как-то активировать моусовер
и задача максимум:
если "бросить" над зоной мапа кубик и убрать мышу моусоут отменить и картинку не менять на исходную.
типа фиксатора.
+ теоретический вопрос можно ли при броске кубика алерт вывести с имени зоны мапа?
<!–script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script–>
<div id="testarea">
<img src="http://www.etfmarketpro.com/assets/images/blog-images/upstream2.jpg" width="200" usemap="#test">
<map name="test">
<area shape="rect" coords="0,0,100,200" href="javascript://" onmouseover="tt()" onmouseout="td()">
</map>
<div id="testit"></div>
</div>
<style>
#testarea { position: relative; }
#testit { width: 10px; height: 10px; background: red; position: absolute; top: 0px; left: 300px; }
</style>
<script>
function tt(){
$( '#testarea img' ).attr('src','http://www.etfmarketpro.com/assets/images/blog-images/naturalgas.jpg');
}
function td(){
$( '#testarea img' ).attr('src','http://www.etfmarketpro.com/assets/images/blog-images/upstream2.jpg');
}
$( '#testit' ).draggable();
</script>