Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Звуковые эффекты, При наведении и нажатии на ссылки 
:(
    Опции темы
Palex
Дата 20.8.2006, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Если честно, не уверен, туда ли я пишу, куда следует. Но тем не менее.

Я хочу сделать на сайте так, чтобы при наведении на ссылки-изображения и нажатии на них воспроизводились звуковые эффекты. Может, кто-нибудь поделится каким-нибудь скриптом?
PM MAIL   Вверх
katka
Дата 20.8.2006, 12:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 164
Регистрация: 19.7.2004

Репутация: нет
Всего: 6



вот, кстати, следите за моей темой http://forum.vingrad.ru/index.php?showtopic=107068
и будет вам счастье )
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга
PM MAIL WWW ICQ   Вверх
Palex
Дата 20.8.2006, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Цитата

вот, кстати, следите за моей темой http://forum.vingrad.ru/index.php?showtopic=107068
и будет вам счастье )

Насколько я понял, там речь идет о ссылках на звуковые файлы. Мне же надо, чтобы при наведении на кнопку был звуковой эффект и при нажатии был другой. И в то же время не забывайте, что эта кнопка является ссылкой не на звуковой файл, а на другую страницу моего сайта.
PM MAIL   Вверх
Palex
Дата 20.8.2006, 16:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Уже нашел скрипт для звукового эффекта при наведении курсора.

Помогите только со скриптом для нажатия на ссылку.
PM MAIL   Вверх
UpL1nK
Дата 21.8.2006, 00:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



Цитата(Palex @ 20.8.2006,  16:54)
Уже нашел скрипт для звукового эффекта при наведении курсора.

Помогите только со скриптом для нажатия на ссылку.

А просто поменять событие с наведения (onmouseover) на событие клик (onclick) нельзя ?
--------------------
Макс
PM MAIL ICQ   Вверх
Palex
Дата 21.8.2006, 13:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Учтите, что я чайник в JavaScript. Вот часть моего HTML-кода. При наведении на картинку-ссылку, издается звук. Всё работает отлично.

Что мне нужно добавить, чтобы еще и при нажатии издавался другой звук?

Код

<html>
<head>
<title>Донегал Селтик - официальный сайт виртуального футбольного клуба ФА13</title>
<script>
<!--
function BGSound (playsound)
{
 var ID = "";
 var Brwsr = window.navigator.appName;
 if (document.all)
  {
    ID = "soundIE";
  }
 else
  {
    ID="soundElse";
  }
 if(playsound)
  {
    document.getElementById(ID).src="soundmouseon.wav";
  }
 else
  {
    document.getElementById(ID).src='';
  }
}
//-->
</script>

</head>
<body>
<a href="team.html"
onMouseover="buttonteam.src='button-team2.gif'"
onMouseout="buttonteam.src='button-team1.gif'">
<img src="button-team1.gif"
name="about" onmouseover="BGSound(true);" onmouseout="BGSound(false);"
width="17%"
height="6%"
border="0"
name="buttonteam">
</a>
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</body>
</html>

PM MAIL   Вверх
UpL1nK
Дата 21.8.2006, 17:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



Вместо 
Код

onmouseover="BGSound(true);"


поставь
Код

onclick="BGSound(true);"


А этот код можно удалить
Код

onmouseout="BGSound(false);"



--------------------
Макс
PM MAIL ICQ   Вверх
12345c
Дата 21.8.2006, 20:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Может быть не совсем так, если страница откроется слишком быстро.
Чтобы мелодия успела прозвучать, пишите

<a href=URL_перехода onclick="BGSound(true);setTimeout('location=\"'+this.href+'\";',1000)">***</a>


(1000 - время в миллисекундах для паузы перед перезагрузкой)


Это сообщение отредактировал(а) 12345c - 21.8.2006, 20:36


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Palex
Дата 21.8.2006, 22:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



А что дописать в тэге <script>? Ведь для перехода по ссылке мне нужен другой звук.
PM MAIL   Вверх
UpL1nK
Дата 22.8.2006, 03:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



Код

document.getElementById(ID).src="soundmouseon.wav";

Вместо soundmouseon.wav ставь другой звук
--------------------
Макс
PM MAIL ICQ   Вверх
Palex
Дата 22.8.2006, 10:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Цитата

Вместо soundmouseon.wav ставь другой звук 

Я конечно понимаю, что уже задолбал, но всё равно ничего не получается. Можете написать, ЧТО должно быть в тэге <script> (или может, их должно быть два?), чтобы были два разных звука? У меня и при наведении курсора и при нажатии воспроизводится один и тот же звук.

И можно ли использовать это
Код

<a href=URL_перехода onclick="BGSound(true);setTimeout('location=\"'+this.href+'\";',1000)">***</a>

потому что при нажатии звук действительно не успевает воспроизвестись.

---------------------
Имейте в виду, что говорите с чайником в JavaScript!
PM MAIL   Вверх
12345c
Дата 22.8.2006, 21:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Кто Вам сказал, что этот скрипт сделан на 2 разных звука? smile
Позвольте, я сделаю приличнее.
Код
<html><head>
<title>Донегал Селтик - официальный сайт виртуального футбольного клуба ФА13</title>
<script>function BGSound (s){
    document.getElementById(document.all?"soundIE":"soundElse").src=s;
}</script>

</head><body>
<img src="button-team1.gif" onmouseover=BGSound('000.mid') onclick=BGSound('98c.mid') onmouseout=BGSound('') border="0">
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</body></html>
Но у меня, например, только в IE работает. Просто, плагин для FF не установлен. Вероятно, этот скрипт был для NN4, поэтому я не уверен, что <EMBED id='soundElse' SRC='' HIDDEN=TRUE> будет работать в FF.

А тот, ссылку на который Вам приводили, работает ещё и в Опере. (7.5 и 9)

Добавлено @ 21:22 
Да, забыл для Вас сказать, что первая мелодия подставляется вместо '000.mid', вторая - вместо '98c.mid', а там разберётесь. Пути должны быть или полные, или всё лежать в одном каталоге.


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Palex
Дата 22.8.2006, 22:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Огромное спасибо!

Осталась последняя проблемка. Второй звук действительно не успевает проиграться. Может, вставите в предложенный вами код то, что вы предлагали ранее:

<a href=URL_перехода onclick="BGSound(true);setTimeout('location=\"'+this.href+'\";',1000)">***</a>

А то я не знаю, куда это вставлять.
PM MAIL   Вверх
12345c
Дата 23.8.2006, 12:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Вместо true пишете URL или имя вашего файла в одиночных кавычках.
PM WWW   Вверх
Palex
Дата 23.8.2006, 14:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Код

<a href="team.html"
onMouseover="buttonteam.src='button-team2.gif'"
onMouseout="buttonteam.src='button-team1.gif'">
<img src="button-team1.gif"
onmouseover=BGSound('soundmouseon.wav') onclick=BGSound('soundonclick.wav') setTimeout('location=\"'+this.href+'\";',1000)" onmouseout=BGSound('') border="0"
width="17%"
height="6%"
border="0">
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</a>


В общем, у меня получился такой код, но всё равно ничего не меняется.
PM MAIL   Вверх
12345c
Дата 23.8.2006, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Так Вы просили про <A> подсказать, а тут <IMG>. Я уж и забыл, о чём шла речь. smile
Пишите его:
Код
<img src="button-team1.gif" onmouseover=BGSound('soundmouseon.wav') 
style="cursor:default;cursor:hand"
onclick="BGSound('soundonclick.wav');setTimeout('location=\"'+this.src+'\";',1000)"
onmouseout=BGSound('') width="17%" height="6%" border="0">


(стиль курсора добавил)

Это сообщение отредактировал(а) 12345c - 23.8.2006, 18:49


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Palex
Дата 23.8.2006, 20:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Эхм...

Всё сделал по инструкции, т.е. вот так
Код

<a href="team.html"
onMouseover="buttonteam.src='button-team2.gif'"
onMouseout="buttonteam.src='button-team1.gif'">
<img src="button-team1.gif" onmouseover=BGSound('soundmouseon.wav') 
style="cursor:default;cursor:hand"
onclick="BGSound('soundonclick.wav');setTimeout('location=\"'+this.src+'\";',1000)"
onmouseout=BGSound('') width="17%" height="6%" border="0">
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</a>

...а всё равно не работает. Теперь звук даже не то что не успевает, даже не пытается воспроизводиться.

Это сообщение отредактировал(а) Palex - 23.8.2006, 20:20
PM MAIL   Вверх
12345c
Дата 23.8.2006, 22:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Я имел в виду вместо IMG smile Полный текст:

Код
<html><head><title>BGSound</title>
<script>function BGSound (s){
    document.getElementById(document.all?"soundIE":"soundElse").src=s;
}</script>
</head><body>
<img src="button-team1.gif" onmouseover=BGSound('soundmouseon.wav') 
style="cursor:default;cursor:hand"
onclick="BGSound('soundonclick.wav');setTimeout('location=\"'+this.src+'\";',1000)"
onmouseout=BGSound('') width="17%" height="6%" border="0">
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</body></html>



--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Palex
Дата 23.8.2006, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Так мне же нужен не просто IMG, а изображение-ссылка.
PM MAIL   Вверх
UpL1nK
Дата 24.8.2006, 01:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



Добавь тег <a href="#">картинка</a> будет картинка-ссылка smile 
--------------------
Макс
PM MAIL ICQ   Вверх
Palex
Дата 24.8.2006, 11:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



В общем, даже если не вставлять href, звук играется только при наведении. Видимо, не судьба.
PM MAIL   Вверх
12345c
Дата 24.8.2006, 18:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Она работает как ссылка, а изображение руки стилем делает полную иллюзию, что это ссылка. Поэтому "a href" становится лишним.

Проверил свой код - действительно не работает, из-за того, что так написаны кавычки - \". Но раз уж начато, надо закончить? Так заработало (IE).

Код
<html><head><title>BGSound</title>
<script>function BGSound (s){
    document.getElementById(document.all?"soundIE":"soundElse").src=s;
}</script>
</head><body>
<img src="button-team1.gif" onmouseover=BGSound('000.mid') 
style="cursor:default;cursor:hand"
onclick=BGSound('98c.mid');setTimeout('location="'+this.src+'";',5000)
onmouseout=BGSound('') width="17%" height="6%" border="0">
<BGSOUND id='soundIE' SRC=''>
<EMBED id='soundElse' SRC='' HIDDEN=TRUE>
</body></html>
 Здесь обязательно проследите, чтобы в строке onclick=BGSound('98c.mid');setTimeout('location="'+this.src+'";',5000) не было пробелов и она не разрываласьпереносом на новую строку. И остальные примечания, как в http://forum.vingrad.ru/index.php?showtopi...st&p=830119 .
PM WWW   Вверх
Palex
Дата 24.8.2006, 20:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Отлично, всё заработало! Большое Человеческое Спасибо!

Только одна незначительная проблемка: эта картинка при нажатии должна у меня вести на другую страницу, а при этом коде она открывает изображение button-team1.gif. Как бы это исправить?
PM MAIL   Вверх
12345c
Дата 25.8.2006, 16:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



В строке
Код
onclick=BGSound('98c.mid');setTimeout('location="'+this.src+'";',5000)
(которая не должна разрываться пробелами!) вместо this.src вставить нужный УРЛ в двойных кавычках.

Добавлено @ 16:26 
Хотя нет, всё равно в каких.
или записать эту строку так:
Код
onclick=BGSound('98c.mid');setTimeout('location="сюда_вставить_УРЛ";',5000)
, тут уже только в двойных.
PM WWW   Вверх
Palex
Дата 25.8.2006, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Всё работает, большое спасибо!
PM MAIL   Вверх
Palex
Дата 4.9.2006, 22:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Это опять я. smile  Всё на сайт загрузил, всё в принципе работает.

Но хотелось бы, чтобы звуковые файлы загружались сразу при загрузке страницы, а не при наведении и нажатии на кнопки. Можно это организовать как-нибудь?
PM MAIL   Вверх
UpL1nK
Дата 5.9.2006, 02:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



всмысле как только страница загрузилась ? без всяких действий пользователя?
в теги <body onload="BGSound('song.mid')">
--------------------
Макс
PM MAIL ICQ   Вверх
Palex
Дата 5.9.2006, 12:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Нет, я имел в виду, чтобы они при загрузке страницы загрузились и потом при наведении и нажатии уже спокойно воспроизводились. Просто пока мне не удалось их нормально сжать до небольших размеров, и приходится долго ждать, пока наведение на кнопку даст звуковой эффект.
Это вроде предзагрузкой называется.
PM MAIL   Вверх
UpL1nK
Дата 5.9.2006, 14:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет



Возможно поможет тег 
Код

<embed src="song.mid" hidden="true" autostart="false" loop="false">

--------------------
Макс
PM MAIL ICQ   Вверх
Palex
Дата 5.9.2006, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 16.8.2006

Репутация: нет
Всего: нет



Что-то этот тэг не очень помог.
PM MAIL   Вверх
12345c
Дата 5.9.2006, 22:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



А по идее, должен был. Значит, он не предзагружает файл.
А что, если его предзагрузить как картинку?

Попробуйте поставить:

Код
<script>im=new Image();im.src='song.mid';</script>
Не проверял, но так предзагружаются (в кеш браузера) картинки. Соответственно, и мелодия окажется в кеше. Останется вопрос, будет ли она вытащена из кеша  по событию.
PM WWW   Вверх
Страницы: (3) [Все] 1 2 3 
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0726 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.