Добрый день! У меня есть HTML страница. черно-белая картинка целовека при наведении на какую либо группу пышц эта группа подсвецивается т.е становится цветным изображение. Вот HTML код: Код (CODE): <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Упражнеие</title> <style> *{margin:0;padding:0;} area{border:#000 1px solid} #img0{width:595px;height:324px;background-image:url(img/gl2.jpg);} #gl2{margin-left:-595px;margin-top:324px;} </style> <script> function f_f1(){document.getElementById("gl").getAttributeNode("src").value="img/gr.png";} function f_f2(){document.getElementById("gl").getAttributeNode("src").value="img/0.png";} function f_f3(){document.getElementById("gl").getAttributeNode("src").value="img/pl.png";} function f_f4(){document.getElementById("gl").getAttributeNode("src").value="img/ng.png";} function f_f5(){document.getElementById("gl").getAttributeNode("src").value="img/pr.png";} function f_f6(){document.getElementById("gl").getAttributeNode("src").value="img/trp.png";} function f_f7(){document.getElementById("gl").getAttributeNode("src").value="img/pres.png";} function f_f8(){document.getElementById("gl").getAttributeNode("src").value="img/spin.png";} function f_f9(){document.getElementById("gl").getAttributeNode("src").value="img/bc.png";} function f_f10(){document.getElementById("gl").getAttributeNode("src").value="img/trc.png";} </script> </head> <body> <div id="img0"><img id="gl" src="img/0.png" usemap="#veg"></div> <map id="veg_map" name="veg"> <area onMouseOver="f_f1();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="176,62,215,62,225,78,235,87,215,93,194,87,184,89,162,86" href="http://yandex.ru/" title="грудь"> <area onMouseOver="f_f3();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="157,61,176,61,153,92,148,75" href="http://yandex.ru/" title="дельты"> <area onMouseOver="f_f3();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="216,62,232,61,240,75,239,91" href="http://yandex.ru/" title="дельты"> <area onMouseOver="f_f3();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="355,62,378,73,347,89,345,75" href="http://yandex.ru/" title="дельты"> <area onMouseOver="f_f3();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="409,72,425,64,436,77,435,84,420,83" href="http://yandex.ru/" title="дельты"> <area onMouseOver="f_f4();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="166,129,184,149,191,149,214,130,215,150,260,310,253,317,170,318,163,309,184,298,159,181" href="http://yandex.ru/" title="ноги"> <area onMouseOver="f_f4();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="372,120,387,125,396,140,409,120,428,127,428,319,328,319" href="http://yandex.ru/" title="ноги"> <area onMouseOver="f_f5();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="144,101,152,123,252,143,139,139,138,114" href="http://yandex.ru/" title="предплечья"> <area onMouseOver="f_f5();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="226,122,243,107,258,143,240,154" href="http://yandex.ru/" title="предплечья"> <area onMouseOver="f_f5();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="345,105,360,124,345,164,328,157" href="http://yandex.ru/" title="предплечья"> <area onMouseOver="f_f5();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="428,109,451,110,453,161,436,162" href="http://yandex.ru/" title="предплечья"> <area onMouseOver="f_f6();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="165,59,185,50,183,61" href="http://yandex.ru/" title="трапеции"> <area onMouseOver="f_f6();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="202,40,225,60,200,60" href="http://yandex.ru/" title="трапеции"> <area onMouseOver="f_f6();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="385,29,395,30,396,42,410,57,421,63,406,71,406,87,401,97,386,97,378,79,367,65,357,60,381,47" href="http://yandex.ru/" title="трапеции"> <area onMouseOver="f_f7();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="172,95,190,87,207,94,217,123,188,152,163,126" href="http://yandex.ru/" title="пресс"> <area onMouseOver="f_f8();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="363,84,376,73,388,97,401,97,408,74,426,87,426,98,398,135,362,108" href="http://yandex.ru/" title="спина"> <area onMouseOver="f_f9();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="142,84,167,86,157,118,143,118" href="http://yandex.ru/" title="бицепс"> <area onMouseOver="f_f9();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="220,87,242,88,244,118,230,120" href="http://yandex.ru/" title="бицепс"> <area onMouseOver="f_f10();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="347,89,362,79,364,105,350,123,343,108" href="http://yandex.ru/" title="трицепс"> <area onMouseOver="f_f10();" onMouseOut="f_f2();" shape="poly" name="asparagus" alt="упражнения" coords="421,82,439,84,448,118,427,109" href="http://yandex.ru/" title="трицепс"> </map> </body> </html> Ниже прекреплен скриншет моей страницы. Как мне мою страницу подключить к сайту что бы при щелчке на пеню упражнения попадала на материал упражнения(моя HTML страница и будет этим материалом)
