OnMouse Клик и премахване на .html от урл-то на сайта

[Msecurity]

Здр
Имам малък проблем с OnMouse.
Първият ми проблем с кода за смяна на картинките:

<td style="text-align: center"><a title="" class="table-link3" href="ccdcam.html"><img style="border-width: 0px; vertical-align: top" title="" src="images/videonabludenie/ccdbox.png" alt="" border="0" height="100" width="100" /><br />
Професионални  Камери</a

Това е моят код на картинката, и проблемът идва когато искам да препасна кода на скрипта за промяна на картинката:
Ето го скрипта който използвам:

<HTML> <HEAD> <script language="JavaScript">  </script>  </HEAD> 

<BODY> <a href="http://www.........com" onmouseover="over_image('img0');" onmouseout="off_image('img0')"> <img src="av2.gif" border="0" name="img0"> </a> </BODY> </HTML>

Вторият проблем:
Как мога да направя така че когато се кликне на картинката и да има звуков сигнал и как трябва отново да припасна кода.

Трети проблем: Как мога да премахна .html от урл-то на сайта ми.

Ще съм ви много благодарен ако помогнете мъничко.
Мерси много на всички

 

[Mapu0]

за третия
правиш файл .htaccess и в него следното

AddDefaultCharset UTF-8
Options +FollowSymlinks
RewriteEngine On
RewriteRule ^index /index.html

AddDefaultCharset UTF-8 - ако искаш линка да ти е на български,а не на английски

 

[Msecurity]

А предните ми 2 въпроса никои ли не може да помогне за тях

 

[eddyy93]

Защо не ползваш css при този mouse over.

#link a {width: 100px; height: 100px; background: url('normal_pic.gif') no-repeat;}

#link a: hover {width: 100px; height: 100px; background: url('hover_pic.gif') no-repeat;}

 

[Msecurity]

Защо не ползваш css при този mouse over.

#link a {width: 100px; height: 100px; background: url('normal_pic.gif') no-repeat;}

#link a: hover {width: 100px; height: 100px; background: url('hover_pic.gif') no-repeat;}

Да много добра идея и се спестява и много голяма част от кодове
Но как трябва да изглежда кодът трябва ли да го променям или си го оставям моят код така и просто добавям това отделно?
ПС: Извинявам се за тъпият въпрос.

 

[eddyy93]

Въс css файла слагаш този код:

#link {width: 100px; height: 100px; background: url('normal_pic.gif') no-repeat;}

#link a: hover {width: 100px; height: 100px; background: url('hover_pic.gif') no-repeat;}


И в .html -а, php или с каквото и да е разшерение файла слагаш.

<div id="link">
<a href="#">КАМЕРА</a>
</div>



При този начин не виждам смисъл от js кода.
Може да погледаш някой CSS урок за повече информация също.

УРОЦИ

 

[Msecurity]

Мерси много за помоща.
И сега остана само за звуковият сигнал при клик върху картинката

 

[IzKuFeLiQqQqQ]

[js]function play(div,mp3){ //като div е div-a на img-то а mp3 пътя до звука който ще се изпълнява
document.getElementById(div).innerHTML="<embed src='"+mp3+"' hidden=true autostart=true loop=false>";
}[/js]

и към <img src=""... добавяш примерно

 id="pic1"onClick="play('pic1','bip.mp3')"