Аватар для tsorion
25 / 25 / 0
Регистрация: 11.05.2012
Сообщений: 468

Звук по клику! (по нажатию на картинку)

20.06.2013, 14:53. Показов 8630. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте я скачал с сайта http://studioad.ru/index/0-8 установил все отлично. мне теперь надо чтоб когда я нажимал на опред картинку начинал говорить голос. все уже записано. как это сделать? можно ли?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.06.2013, 14:53
Ответы с готовыми решениями:

переход по клику на картинку
Здравствуйте. Имеется так называемое портфолио на сайте, в виде 4 картинок. Выложу ниже только 1 картинку. В общем проблема в...

Звук по клику на изображение
Есть сайт надо сделать чтоб при нажатии картинки она выдвигалась вперед и шел голос.

Sql запрос по клику на картинку
как сделать чтобы по клику на картинку открывалась форма и в ней сразу же выполнялся sql запрос соответветствующий картинке на форме1 6...

7
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
20.06.2013, 15:46
HTML5
1
<div id="wave"></div>
JavaScript
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}
как-то так

Добавлено через 39 секунд
Только браузер должен поддерживать HTML5

Добавлено через 4 минуты
Вот еще http://msdn.microsoft.com/ru-r... s.85).aspx тут почитайте

Добавлено через 4 минуты
Наверное можно так, но я не пробовал
HTML5
1
<audio id="myaudio" src="URL" preload="auto" autoplay></audio>
JavaScript
1
function start(){document.getElementById("myaudio").play()}
1
 Аватар для tsorion
25 / 25 / 0
Регистрация: 11.05.2012
Сообщений: 468
20.06.2013, 15:46  [ТС]
JavaScript
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}

А куда это вставлять? в js я не разбираюсь
0
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
20.06.2013, 15:56
HTML5
1
2
3
<script>
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}
</script>
Добавлено через 1 минуту
не забудьте к картинке поставить onclick="play()"
0
 Аватар для tsorion
25 / 25 / 0
Регистрация: 11.05.2012
Сообщений: 468
20.06.2013, 17:39  [ТС]
я правильно сделал ?
HTML5
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"audio/Abaeva.wav\" autoplay></audio>"}
Добавлено через 3 минуты
а что никакой js фаил одключать не надо?

Добавлено через 22 секунды
подключать
0
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
20.06.2013, 23:27
нет
надо только в конец добавить код, написанный мною выше
1
 Аватар для tsorion
25 / 25 / 0
Регистрация: 11.05.2012
Сообщений: 468
21.06.2013, 08:48  [ТС]
Все сделал. и мое фото изчезает просто

Добавлено через 16 секунд
при нажатии

Добавлено через 8 минут
ПОлучается. но как при переходе на другую картинку и когда закрываю чтоб звук прерывался?
0
Юзер с абсолютным слухом
 Аватар для Опан
709 / 489 / 195
Регистрация: 17.12.2010
Сообщений: 1,428
21.06.2013, 23:56
Добавить в событие перехода или закрытия:
JavaScript
1
document.getElementById("myaudio").stop();
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.06.2013, 23:56
Помогаю со студенческими работами здесь

Удалить картинку по клику (AJAX).
Всем привет. В общем есть такая задача: на странице через php foreach() рендерится какое-то кол-во картинок. По нажатию на картинку,...

Отобразить картинку в PictureBox по клику
подскажите как реализовать код, чтобы при нажатии на ріcturebox , в последнем отображалась нужная мне картинка х, не в функции private...

Редактирование ячеек StringGrid по двойному клику и по нажатию Enter
Есть компонент StringGrid, точнее сказать его несколько продвинутая версия от TMS - AdvStringGrid, но компоненты вобщем схожи. В нем...

Воспроизвести звук по клику на ссылку
Здравствуйте. Необходимо воспроизвести определенную мелодию в зависимости от, по какой области карты будет сделан клик... Вот код карты: ...

Картинку по клику делать фоном блока
Здравствуйте. Задача: Создайте div размерами ширина – 100%, высота 250px. Ниже добавьте 4-5 изображений с одинаковыми классами, разного...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru