ایجاد افکت صدا بر روی hover تصاویر کامپوننت joomgallery با javascript

**sahar-onyx** · 06-08-2012 01:56 PM

سلام
در قسمت مدیریت کامپوننت joomgallery چند گروه ساختم و در هر گروه چند تصویر آپلود کردم.
من می خوام در سایت، زمانی که ماوس روی تصاویر میره صدای کوتاهی پخش بشه.
این کار را با قطعه کد زیر در فایل html ساده با javascript انجام دادم. اما نمیدونم در صفحات جوملا باید به چه صورت انجام بشه.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"false\" autostart=\"true\" loop=\"false\" />";
}
</script>
</head>

<body>
<span id="dummy">
<a href="#" onclick="playSound('WindowsUserAccountControl.wav' );">Click here to hear a sound</a>

<p onMouseOver="playSound('WindowsUserAccountControl. wav');" onMouseOut="stopSound('WindowsUserAccountControl.w av');">Mouse over this text to hear a sound</p>
<img src="shared_pictures.png" onMouseOver="playSound('WindowsUserAccountControl. wav');" onMouseOut="stopSound('WindowsUserAccountControl.w av');" />
</span>
</body>
</html>

کارهایی که کردم:
1- صفحه مورد نظر از کامپوننت joomgalery رو که تصاویر در اون صفحه echo میشه رو پیدا کردم.
2- در <img توابع onmouseover و onmouseout رو قرار دادم.
3- فایل javascript و فایل صوتی رو آپلود کردم و در صفحه include کردم. (البته مطمئن نیستم دستور include در کامپوننت رو درست نوشته باشم)
اما جواب نمیده
به چه صورت میشه رو hover تصاویر جوملا صدا گذاشت؟
لطفا راهنمایی کنید. ممنون